<!DOCTYPE html>
<html lang="zh" data-blockbyte-bs-uid="92027">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style rel="stylesheet">
        #site_name {
            color: white;
            font-size: 18px;
            font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
            line-height: 36px;
        }

        body {
            font-family: consolas, hl !important;
        }
    </style>
    <script>
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b003af5e49c414fc6a670f6dcef0d1c1";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GAATTC | navigation</title>
    <link rel="icon" href="./navi_medias/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="./navi_medias/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/bootstrap.css">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/xenon-core.css">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/xenon-components.css">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/xenon-skins.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/nav.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/css/search.css">
    <script
        src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/js/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/css/my.css">
    <style class="blockbyte-bs-style" data-name="content">
        body>div#blockbyte-bs-indicator>div {
            opacity: 0;
            pointer-events: none
        }

        body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible,
        body>iframe#blockbyte-bs-overlay.blockbyte-bs-visible {
            opacity: 1;
            pointer-events: auto
        }

        body.blockbyte-bs-noscroll {
            overflow: hidden !important
        }

        body>div#blockbyte-bs-indicator>div {
            position: absolute;
            transform: translate3d(-24px, 0, 0);
            top: 0;
            left: 0;
            width: 24px !important;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 0 10px 10px 0;
            transition: opacity 0.3s, transform 0.3s;
            z-index: 2
        }

        body>div#blockbyte-bs-indicator>div>span {
            -webkit-mask: no-repeat center/24px;
            -webkit-mask-image: url(chrome-extension://jdbnofccmhefkmjbkkdkfiicjkgofkdh/img/icon-bookmark.svg);
            background-color: #ffffff;
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        body>div#blockbyte-bs-indicator[data-pos='right'] {
            left: auto;
            right: 0
        }

        body>div#blockbyte-bs-indicator[data-pos='right']>div {
            transform: translate3d(24px, 0, 0);
            left: auto;
            right: 0;
            border-radius: 10px 0 0 10px
        }

        body>div#blockbyte-bs-indicator.blockbyte-bs-fullHeight>div {
            border-radius: 0
        }

        body>div#blockbyte-bs-indicator.blockbyte-bs-hover>div {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

        body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb {
            height: 100% !important;
            top: 0 !important
        }

        body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div {
            background: transparent
        }

        body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div>span {
            -webkit-mask-position-y: 20px
        }

        body>iframe#blockbyte-bs-sidebar {
            width: 350px;
            max-width: none;
            height: 0;
            z-index: 2147483646;
            background-color: rgba(0, 0, 0, 0.6) !important;
            speak: none;
            border: none;
            display: block !important;
            transform: translate3d(-350px, 0, 0);
            transition: width 0s 0.3s, height 0s 0.3s, opacity 0.3s, transform 0.3s
        }

        body>iframe#blockbyte-bs-sidebar[data-pos='right'] {
            left: auto;
            right: 0;
            transform: translate3d(350px, 0, 0)
        }

        body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible {
            width: calc(100% + 350px);
            height: 100%;
            transform: translate3d(0, 0, 0);
            transition: opacity 0.3s, transform 0.3s
        }

        body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask {
            background: none !important
        }

        body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask:not(.blockbyte-bs-hover) {
            width: calc(350px + 50px)
        }

        body>iframe#blockbyte-bs-overlay {
            width: 100%;
            max-width: none;
            height: 100%;
            z-index: 2147483647;
            border: none;
            speak: none;
            background: rgba(0, 0, 0, 0.5) !important;
            transition: opacity 0.3s
        }
    </style>
</head>

<body class="page-body" style="zoom: 1;">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed" style="">
            <div class="sidebar-menu-inner ps-container">
                <header class="logo-env" style="display:none">
                    <!-- logo -->
                    <div class="logo">
                        <a href="https://gaattc.gitee.io/box/cn/index.html" class="logo-expanded"> <img
                                src="./navi_medias/favicon.png" width="30%" alt=""><span id="site_name">gaa_navi<span>
                                </span></span></a>
                        <a href="https://gaattc.gitee.io/box/cn/index.html" class="logo-collapsed"> <img
                                src="./navi_medias/favicon.png" width="40%" alt=""> </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu"> <i
                                class="linecons-cog"></i> </a>
                        <a href="#" data-toggle="mobile-menu"> <i
                                class="fa-bars"></i> </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">

                    <li class="has-sub"> <a> <i class="linecons-star"></i> <span class="title">开发相关</span> </a>
                        <ul style="">
                            <li> <a href="#语言文档"
                                    class="smooth"> <span class="title">语言文档</span> </a> </li>
                            <li> <a href="#开发社区"
                                    class="smooth"> <span class="title">开发社区</span> <span
                                        class="label label-pink pull-right hidden-collapsed">Hot</span> </a> </li>
                            <li> <a href="#代码托管"
                                    class="smooth"> <span class="title">代码托管</span> <span
                                        class="label label-pink pull-right hidden-collapsed">Hot</span> </a> </li>
                            <li> <a href="#在线平台"
                                    class="smooth"> <span class="title">在线平台</span> </a> </li>
                        </ul>
                    </li>
                    <li class="has-sub"><a><i class="linecons-lightbulb"></i> <span class="title">技能训练</span></a>
                        <ul style="">
                            <li><a href="#在线平台"
                                    class="smooth"><span class="title">在线平台</span></a></li>
                            <li><a href="#高校平台"
                                    class="smooth"><span class="title">高校平台</span></a></li>
                            <li><a href="#游戏编程"
                                    class="smooth"><span class="title">游戏编程</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                        </ul>
                    </li>
                    <li class="has-sub"><a><i class="linecons-thumbs-up"></i> <span class="title">Pythoner</span></a>
                        <ul style="">
                            <li class=""><a
                                    href="#文档资料"
                                    class="smooth"><span class="title">文档资料</span></a></li>
                            <li class=""><a
                                    href="#博客收藏"
                                    class="smooth"><span class="title">博客收藏</span></a></li>
                            <li class=""><a
                                    href="#学习资源"
                                    class="smooth"><span class="title">学习资源</span></a></li>
                            <li class=""><a
                                    href="#组织社区"
                                    class="smooth"><span class="title">组织社区</span></a></li>
                            <li class=""><a
                                    href="#爬虫相关"
                                    class="smooth"><span class="title">爬虫相关</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                        </ul>
                    </li>
                    <li class="has-sub"><a><i class="linecons-desktop"></i> <span class="title">学习教程</span></a>
                        <ul style="">
                            <li class=""><a
                                    href="#在线视频"
                                    class="smooth"><span class="title">在线视频</span></a></li>
                            <li class=""><a
                                    href="#博客论坛"
                                    class="smooth"><span class="title">博客论坛</span></a></li>
                            <li class=""><a
                                    href="#学习平台"
                                    class="smooth"><span class="title">学习平台</span></a></li>
                        </ul>
                    </li>
                    <li class="has-sub"><a><i class="linecons-search"></i> <span class="title">常用工具</span></a>
                        <ul style="">
                            <li><a href="#站长工具"
                                    class="smooth"><span class="title">站长工具</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                            <li><a href="#IT工具箱"
                                    class="smooth"><span class="title">IT工具箱</span></a></li>
                            <li><a href="#文件处理"
                                    class="smooth"><span class="title">文件处理</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                            <li><a href="#设计素材"
                                    class="smooth"><span class="title">设计素材</span></a></li>
                            <li><a href="#效率软件"
                                    class="smooth"><span class="title">效率软件</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                        </ul>
                    </li>
                    <li class="has-sub"><a><i class="linecons-cloud"></i> <span class="title">服务平台</span></a>
                        <ul style="">
                            <li><a href="#云服务商"
                                    class="smooth"><i class="linecons-doc"></i> <span class="title">云服务商</span></a></li>
                            <li><a href="#众包平台"
                                    class="smooth"><i class="linecons-doc"></i> <span class="title">众包平台</span></a></li>
                        </ul>
                    </li>
                    <li><a href="#更多导航"
                            class="smooth"><i class="linecons-paper-plane"></i> <span class="title">更多导航</span></a></li>

                    <li class="has-sub"> <a> <i class="linecons-lightbulb"></i> <span class="title">灵感采集</span> </a>
                        <ul style="">
                            <li> <a href="#常用推荐"
                                    class="smooth"> 常用推荐 </a> </li>
                            <li> <a href="#社区资讯"
                                    class="smooth"> <span class="title">社区资讯</span> </a> </li>
                            <li> <a href="#发现产品"
                                    class="smooth"> <span class="title">发现产品</span> </a> </li>
                            <li> <a href="#界面灵感"
                                    class="smooth"> <span class="title">界面灵感</span> </a> </li>
                            <li> <a href="#网页灵感"
                                    class="smooth"> <span class="title">网页灵感</span> <span
                                        class="label label-pink pull-right hidden-collapsed">Hot</span> </a> </li>

                        </ul>
                    </li>
                    <li class="has-sub"> <a> <i class="linecons-thumbs-up"></i> <span class="title">素材资源</span> </a>
                        <ul style="">
                            <li> <a href="#图标素材"
                                    class="smooth"> <span class="title">图标素材</span> </a> </li>
                            <li> <a href="#LOGO设计"
                                    class="smooth"> <span class="title">LOGO设计</span> </a> </li>
                            <li> <a href="#平面素材"
                                    class="smooth"> <span class="title">平面素材</span> </a> </li>
                            <li> <a href="#UI资源"
                                    class="smooth"> <span class="title">UI资源</span> </a> </li>
                            <li> <a href="#Sketch资源"
                                    class="smooth"> <span class="title">Sketch资源</span> </a> </li>
                            <li> <a href="#字体资源"
                                    class="smooth"> <span class="title">字体资源</span> </a> </li>
                            <li> <a href="#Mockup" class="smooth"> <span
                                        class="title">Mockup</span> </a> </li>
                            <li> <a href="#摄影图库"
                                    class="smooth"> <span class="title">摄影图库</span> </a> </li>
                            <li> <a href="#PPT资源"
                                    class="smooth"> <span class="title">PPT资源</span> </a> </li>
                        </ul>
                    </li>
                    <li class="has-sub"> <a> <i class="linecons-diamond"></i> <span class="title">常用工具</span> </a>
                        <ul style="">
                            <li> <a href="#图形创意"
                                    class="smooth"> <span class="title">图形创意</span> </a> </li>
                            <li> <a href="#界面设计"
                                    class="smooth"> <span class="title">界面设计</span> </a> </li>
                            <li> <a href="#交互动效"
                                    class="smooth"> <span class="title">交互动效</span> </a> </li>
                            <li> <a href="#在线配色"
                                    class="smooth"> <span class="title">在线配色</span> </a> </li>
                            <li> <a href="#在线工具"
                                    class="smooth"> <span class="title">在线工具</span> </a> </li>
                            <li> <a href="#Chrome插件"
                                    class="smooth"> <span class="title">Chrome插件</span> </a> </li>
                        </ul>
                    </li>
                    <li class="has-sub"> <a> <i class="linecons-pencil"></i> <span class="title">学习教程</span> </a>
                        <ul style="">
                            <li> <a href="#设计规范"
                                    class="smooth"> <span class="title">设计规范</span> </a> </li>
                            <li> <a href="#视频教程"
                                    class="smooth"> <span class="title">视频教程</span> </a> </li>
                            <li> <a href="#设计文章"
                                    class="smooth"> <span class="title">设计文章</span> </a> </li>
                            <li> <a href="#设计电台"
                                    class="smooth"> <span class="title">设计电台</span> </a> </li>
                            <li> <a href="#交互设计"
                                    class="smooth"> <span class="title">交互设计</span> <span
                                        class="label label-pink pull-right hidden-collapsed">Hot</span> </a> </li>
                        </ul>
                    </li>

                </ul>
                <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;">
                    <div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
                </div>
                <div class="ps-scrollbar-y-rail" style="top: 0px; right: 2px;">
                    <div class="ps-scrollbar-y" style="top: 0px; height: 0px;"></div>
                </div>
            </div>
        </div>
        <div class="main-content" style="">
            <nav class="navbar user-info-navbar" role="navigation">
                <!-- User Info, Notifications and Menu Bar -->
                <!-- Left links for user info navbar -->
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="#" data-toggle="sidebar">
                            <i class="fa-bars"></i>
                        </a>
                    </li>
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="https://gaattc.gitee.io/box/cn/index.html" target="_self">
                            <img src="./navi_medias/favicon.png" alt="flag-cn" width="16px" height="16px"> <strong> 导航
                            </strong>
                        </a>
                    </li>
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="https://gaattc.gitee.io/" target="_self">
                            <i class="fa-home"></i> 博客主页
                        </a>
                    </li>
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="https://gaattc.gitee.io/contact/" target="_self">
                            <i class="fa fa-comments"></i> 评论留言
                        </a>
                    </li>
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="https://gaattc.gitee.io/friends/" target="_self">
                            <i class="fa-link"></i> 友情链接
                        </a>
                    </li>
                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="https://gaattc.gitee.io/about" target="_self">
                            <i class="fa-user"></i> 关于博主
                        </a>
                    </li>
                </ul>

                <ul class="user-info-menu right-links list-inline list-unstyled">

                    <li class="hidden-sm hidden-xs" style="min-height: 76px;">
                        <a href="https://zhangxiaocai.cn/"> 感谢源博主张小菜苔zhangxiaocai.cn </a>
                    </li>

                </ul>

            </nav>

            <script src="./navi_medias/search.js.下载"></script>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="语言文档"></i>语言文档</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://zealdocs.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="zealdocs.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zealdocs.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Zeal</strong></a>
                                <p class="overflowClip_2">脱机文档浏览器，包含196种语言API文档，支持Windows、Linux和macOS</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://kapeli.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="kapeli.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/dash.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Dash</strong></a>
                                <p class="overflowClip_2">适用于Mac
                                    OS平台的软件编程文档管理工具,可以浏览API文档,以及管理代码片段工具。自带了丰富的API文档,涉及各种主流的编程语言和框架</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://devdocs.io/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="devdocs.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/devdocs.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>DevDocs</strong></a>
                                <p class="overflowClip_2">在快速，有条理和可搜索的界面中结合了多个API文档，可以在移动设备上离线运行，并且可以安装在Chrome上</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://en.cppreference.com/w/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="en.cppreference.com/w">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cplusplus.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C/C++</strong></a>
                                <p class="overflowClip_2">C/C++ API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.microsoft.com/zh-cn/dotnet/csharp/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.microsoft.com/zh-cn/dotnet/csharp">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/csharp.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C#</strong></a>
                                <p class="overflowClip_2">C# API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.oracle.com/en/java/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="docs.oracle.com/en/java">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/java.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Java</strong></a>
                                <p class="overflowClip_2">Java API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.microsoft.com/zh-cn/dotnet/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.microsoft.com/zh-cn/dotnet">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/dotnet.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>.NET</strong></a>
                                <p class="overflowClip_2">.NET API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.php.net/manual/zh/index.php&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.php.net/manual/zh/index.php">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/php.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PHP</strong></a>
                                <p class="overflowClip_2">PHP API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/JavaScript.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>JavaScript</strong></a>
                                <p class="overflowClip_2">JavaScript API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.python.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="docs.python.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python</strong></a>
                                <p class="overflowClip_2">Python API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://developer.android.google.cn/reference&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.android.google.cn/reference">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/android.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Android</strong></a>
                                <p class="overflowClip_2">Android API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://developer.apple.com/documentation&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.apple.com/documentation">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/iOS.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>iOS</strong></a>
                                <p class="overflowClip_2">iOS API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.microsoft.com/zh-cn/sql/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.microsoft.com/zh-cn/sql">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/sql.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SQL</strong></a>
                                <p class="overflowClip_2">SQL API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.w3cschool.cn/swift/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.w3cschool.cn/swift">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/swift.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Swift</strong></a>
                                <p class="overflowClip_2">Swift API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.ruby-doc.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.ruby-doc.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ruby.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Ruby</strong></a>
                                <p class="overflowClip_2">Ruby API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://studygolang.com/pkgdoc&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="studygolang.com/pkgdoc">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/golang.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GO</strong></a>
                                <p class="overflowClip_2">GO API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.r-project.org/other-docs.html&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.r-project.org/other-docs.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/r.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>R</strong></a>
                                <p class="overflowClip_2">R API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://ww2.mathworks.cn/help/matlab/index.html&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="ww2.mathworks.cn/help/matlab/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/matlab.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>MATLAB</strong></a>
                                <p class="overflowClip_2">MATLAB API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://nodejs.org/en/docs/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="nodejs.org/en/docs">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/Node.js.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Node.js</strong></a>
                                <p class="overflowClip_2">Node.js API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.mozilla.org/en-US/docs/Web/HTML/Element">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/html.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HTML</strong></a>
                                <p class="overflowClip_2">HTML API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://developer.mozilla.org/en-US/docs/Web/CSS/Reference&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.mozilla.org/en-US/docs/Web/CSS/Reference">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/css.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSS</strong></a>
                                <p class="overflowClip_2">CSS API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://redisdoc.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="redisdoc.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/redis.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Redis</strong></a>
                                <p class="overflowClip_2">Redis API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.mongodb.com/manual/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="docs.mongodb.com/manual">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/MongoDB.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>MongoDB</strong></a>
                                <p class="overflowClip_2">MongoDB API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.djangoproject.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="docs.djangoproject.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/django.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Django</strong></a>
                                <p class="overflowClip_2">Django API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- 语言文档 end -->
            <!-- 开发社区 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="开发社区"></i>开发社区</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://stackoverflow.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="stackoverflow.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/stackoverflow.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Stack Overflow</strong></a>
                                <p class="overflowClip_2">全球最受程序员欢迎的开发社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.csdn.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.csdn.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/csdn.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSDN</strong></a>
                                <p class="overflowClip_2">全球最大中文IT社区，为IT专业技术人员提供最全面的信息传播和服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.cnblogs.com//&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.cnblogs.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cnblogs.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>博客园</strong></a>
                                <p class="overflowClip_2">代码改变世界</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.v2ex.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.v2ex.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/v2ex.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>V2EX</strong></a>
                                <p class="overflowClip_2">V2EX = way to explore</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://juejin.im/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="juejin.im">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/juejin.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>掘金</strong></a>
                                <p class="overflowClip_2">一个帮助开发者成长的社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://segmentfault.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="segmentfault.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/segmentfault.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SegmentFault</strong></a>
                                <p class="overflowClip_2">改变并提升人们获取知识的方式和效率，帮助更多的开发者获得成长与成功</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.oschina.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.oschina.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/oschina.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>开源中国</strong></a>
                                <p class="overflowClip_2">国内最大的开源技术社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.iteye.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.iteye.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/iteye.png" class="img-circle" width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ITeye</strong></a>
                                <p class="overflowClip_2">ITeye软件开发交流社区 - Java编程 Spring框架 Ajax技术 agile敏捷软件开发 ruby on
                                    rails实践</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.51cto.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.51cto.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/51cto.png" class="img-circle" width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>51CTO</strong></a>
                                <p class="overflowClip_2">技术成就梦想</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.itpub.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.itpub.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/itpub.png" class="img-circle" width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ITPUB</strong></a>
                                <p class="overflowClip_2">全球最大的学习分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.zhihu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.zhihu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zhihu.png" class="img-circle" width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>知乎</strong></a>
                                <p class="overflowClip_2">国内最受欢迎的知识性问答社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.jianshu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.jianshu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jianshu.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>简书</strong></a>
                                <p class="overflowClip_2">创作你的创作</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cloud.tencent.com/developer&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cloud.tencent.com/developer">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cloudtencent.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云+社区</strong></a>
                                <p class="overflowClip_2">来自腾讯的开发者技术分享社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://yq.aliyun.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="yq.aliyun.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/aliyun.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云栖社区</strong></a>
                                <p class="overflowClip_2">阿里云面向开发者的开放型技术平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://aijishu.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="aijishu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/aijishu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>极术社区</strong></a>
                                <p class="overflowClip_2">全球软硬件资源信息，只要你有问题，我们就能解答。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- END 开发必备 -->

            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="代码托管"></i>代码托管</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/github.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Github</strong></a>
                                <p class="overflowClip_2">全球最大的面向开源及私有软件项目的托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://gitlab.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="gitlab.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/gitlab.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Gitlab</strong></a>
                                <p class="overflowClip_2">支持无限的公有项目和私有项目的代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://bitbucket.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="bitbucket.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/bitbucket.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Bitbucket</strong></a>
                                <p class="overflowClip_2">同时支持 Git 和 Mercurial 这两个版本控制软件，免费的私有仓库，支持5人以内的合作开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://sourceforge.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="sourceforge.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/sourceforge.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SourceForge</strong></a>
                                <p class="overflowClip_2">又称 SF.net，是开源软件开发者进行开发管理的集中式场所</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://coding.net/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="coding.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/coding.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Coding</strong></a>
                                <p class="overflowClip_2">国内首个一站式云端软件服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://gitee.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="gitee.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/gitee.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Gitee</strong></a>
                                <p class="overflowClip_2">国内最大的开源社区 OSChina 的代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://code.aliyun.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="code.aliyun.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/codealiyun.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阿里云代码托管</strong></a>
                                <p class="overflowClip_2">阿里云旗下代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://xiaolvyun.baidu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="xiaolvyun.baidu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/xiaolvyunbaidu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度效率云</strong></a>
                                <p class="overflowClip_2">百度云旗下的 Git 代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>

            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="在线平台"></i>在线平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://leetcode-cn.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="leetcode-cn.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/leetcode.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>LeetCode</strong></a>
                                <p class="overflowClip_2">全球极客挚爱的技术成长平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.topcoder.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.topcoder.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/topcoder.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Topcoder</strong></a>
                                <p class="overflowClip_2">全世界规模最大的程序竞赛网站，也会有一些算法竞赛，适合一些高端的或者搞ACM的，也会举办一些比赛</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://codeforces.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="codeforces.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/codeforces.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Codeforces</strong></a>
                                <p class="overflowClip_2">俄罗斯最大的算法比赛网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.hihocoder.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.hihocoder.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/hihocoder.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Hihocoder</strong></a>
                                <p class="overflowClip_2">技术团队来自原北京大学POJ (PKU Online Judge)开发团队，收集了全球范围内很多地区、高校举办的比赛试题，
                                    提供365天*24小时的在线提交、评判程序的服务</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.lintcode.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.lintcode.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/lintcode.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>LintCode</strong></a>
                                <p class="overflowClip_2">被称作中文版的leetcode，也是可以做为编程能力提升的一个中转站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.spoj.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.spoj.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/spoj.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SPOJ</strong></a>
                                <p class="overflowClip_2">波兰的算法刷题网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acmclub.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acmclub.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/acmclub.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>NEUQ OJ</strong></a>
                                <p class="overflowClip_2">一个在线的判题平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.luogu.com.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.luogu.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/luogu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>洛谷</strong></a>
                                <p class="overflowClip_2">创办于2013年，致力于为参加noip、noi、acm的选手提供清爽、快捷的编程体验</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.nowcoder.com/contestRoom&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.nowcoder.com/contestRoom">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/nowcoder.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>牛客网</strong></a>
                                <p class="overflowClip_2">中国最大的IT题库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.dotcpp.com/oj/contest.html&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.dotcpp.com/oj/contest.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/dotcpp.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C语言网</strong></a>
                                <p class="overflowClip_2">在这里可以参加包括ACM、NOI在内的各种C/C++/java程序比赛，也可以DIY举办各类程序比赛活动！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://nanti.jisuanke.com/oi&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="nanti.jisuanke.com/oi">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jisuanke.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>计蒜客</strong></a>
                                <p class="overflowClip_2">计蒜客OI题库致力于为参加noi、noip、信息学竞赛的选手提供优秀的Online Judge系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="高校平台"></i>高校平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://poj.org/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="poj.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/poj.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>POJ</strong></a>
                                <p class="overflowClip_2">北京大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.acm.fudan.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.acm.fudan.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fudan.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>FDU OJ</strong></a>
                                <p class="overflowClip_2">复旦大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://acm.tongji.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.tongji.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tongji.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TJ OJ</strong></a>
                                <p class="overflowClip_2">同济大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.ustc.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.ustc.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ustc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>USTC OJ</strong></a>
                                <p class="overflowClip_2">中国科学技术大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://zoj.pintia.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="zoj.pintia.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zoj.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ZOJ</strong></a>
                                <p class="overflowClip_2">浙江大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.hdu.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.hdu.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/hduoj.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HDU OJ</strong></a>
                                <p class="overflowClip_2">杭州电子科技大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.csu.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.csu.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/csu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSU-ACM</strong></a>
                                <p class="overflowClip_2">中南大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.hit.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.hit.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/hit.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HOJX</strong></a>
                                <p class="overflowClip_2">哈尔滨工业大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.hrbust.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.hrbust.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/hrbust.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HRBUST OJ</strong></a>
                                <p class="overflowClip_2">哈尔滨理工大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.swust.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.swust.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/swust.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PowerOJ</strong></a>
                                <p class="overflowClip_2">西南科技大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.scu.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.scu.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/scu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SCU OJ</strong></a>
                                <p class="overflowClip_2">四川大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://coding.fzu.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="coding.fzu.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fzu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>FZU CoidngOJ</strong></a>
                                <p class="overflowClip_2">福州大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://ac.2333.moe/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="ac.2333.moe">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/nbut.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>NBUT OJ</strong></a>
                                <p class="overflowClip_2">宁波工程学院程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://acm.uestc.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.uestc.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/uestc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Lutece</strong></a>
                                <p class="overflowClip_2">电子科技大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.whu.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.whu.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/whu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>武汉大学 ACM 协会</strong></a>
                                <p class="overflowClip_2">武汉大学 ACM 协会</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://acm.zjut.edu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="acm.zjut.edu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zjut.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ZJUT OJ</strong></a>
                                <p class="overflowClip_2">浙江工业大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="游戏编程"></i>游戏编程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://checkio.org/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="checkio.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/checkio.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CheckiO</strong></a>
                                <p class="overflowClip_2">面向初学者和高级程序员的编码游戏，使用Python和JavaScript解决棘手的挑战和有趣的任务，从而提高您的编码技能
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.codingame.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.codingame.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/codingame.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Coding Games</strong></a>
                                <p class="overflowClip_2">支持包括PHP、C、JavaScript在内的20多种编程语言。用户界面功能强大，可以定制</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.codewars.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.codewars.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/codewars.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Codewars</strong></a>
                                <p class="overflowClip_2">一个外国的在线练习编程的网站,做题的过程类似打怪,做题升级,而且可以看到别人的解法,里面有很多巧妙的写法可以学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://codecombat.163.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="codecombat.163.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/codecombat.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CodeCombat</strong></a>
                                <p class="overflowClip_2">
                                    一个面向学生的游戏和CS学习平台。这是一个社区项目，有数百玩家自愿提供支持。支持语言包括Java、JS、Python、Lua、CoffeeScript</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://screeps.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="screeps.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/screeps.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Screeps</strong></a>
                                <p class="overflowClip_2">在游戏中学习JavaScript。世界上第一款针对程序员的MMO沙盒游戏</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://vim-adventures.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="vim-adventures.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/vim_adventures.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>VIM Adventures</strong></a>
                                <p class="overflowClip_2">玩游戏的时候学VIM</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.cyber-dojo.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.cyber-dojo.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cyber_dojo.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Cyber-Dojo</strong></a>
                                <p class="overflowClip_2">一个提供给程序员们练习写程序的地方。支持语言包括JavaScript、Java、Python、PHP、Ruby和很多其他语言
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://play.elevatorsaga.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="play.elevatorsaga.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/elevatorsaga.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Elevator Saga</strong></a>
                                <p class="overflowClip_2">电梯编程游戏，跟随关卡解决所有挑站，使用语言为JavaScript</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://rubyquiz.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="rubyquiz.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/rubyquiz.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Ruby Quiz</strong></a>
                                <p class="overflowClip_2">一个Ruby程序员提供的每周编程挑战项目</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.hacker.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.hacker.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/hacker.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>hacker.org</strong></a>
                                <p class="overflowClip_2">这项挑战由一系列本设计来强化你黑客技巧的解密、诡计、测试、烧脑环节组成。想要通关本系列，你必须学会解密、编码、渗透</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.bloc.io/ruby-warrior/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.bloc.io/ruby-warrior">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ruby_warrior.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Ruby Warrior</strong></a>
                                <p class="overflowClip_2">
                                    玩游戏学Ruby，通过Ruby脚本来控制一个Warrior通过每一关，每一关的代码难度都会有所增加，使玩家逐渐了解Ruby基本的函数、控制、变量、数组等语言特性的用法
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="文档资料"></i>文档资料</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.python.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="docs.python.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 官方文档</strong></a>
                                <p class="overflowClip_2">Python 官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.python.org/zh-cn/3.7/library/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.python.org/zh-cn/3.7/library">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 标准库</strong></a>
                                <p class="overflowClip_2">Python 标准库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://cn.python-requests.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cn.python-requests.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python_requests.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python Requests</strong></a>
                                <p class="overflowClip_2">Python Requests 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.python.org/zh-cn/3/library/urllib.html&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.python.org/zh-cn/3/library/urllib.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/urllib.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python Urllib</strong></a>
                                <p class="overflowClip_2">Python Urllib 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://selenium-python-zh.readthedocs.io/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="selenium-python-zh.readthedocs.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/selenium_python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python Selenium</strong></a>
                                <p class="overflowClip_2">Python Selenium 中文翻译文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://docs.python.org/zh-cn/3/library/re.html&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.python.org/zh-cn/3/library/re.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python_re.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>正则表达式</strong></a>
                                <p class="overflowClip_2">Python 正则表达式官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://beautifulsoup.readthedocs.io/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="beautifulsoup.readthedocs.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/beautifulsoup.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Beautiful Soup</strong></a>
                                <p class="overflowClip_2">Beautiful Soup 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://scrapy.org/doc/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="scrapy.org/doc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/scrapy.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Scrapy</strong></a>
                                <p class="overflowClip_2">Scrapy 爬虫框架官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://docs.pyspider.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="docs.pyspider.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pyspider.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PySpider</strong></a>
                                <p class="overflowClip_2">PySpider 爬虫框架官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.matplotlib.org.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.matplotlib.org.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/matplotlib.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Matplotlib</strong></a>
                                <p class="overflowClip_2">Matplotlib 2D绘图库 官方中文文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.numpy.org.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.numpy.org.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/numpy.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Numpy</strong></a>
                                <p class="overflowClip_2">Numpy 科学计算 官方中文文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.pypandas.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.pypandas.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pypandas.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Pandas</strong></a>
                                <p class="overflowClip_2">Pandas 结构化数据分析 官方中文文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="博客收藏"></i>博客收藏</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.liaoxuefeng.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.liaoxuefeng.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/liaoxuefeng.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>廖雪峰</strong></a>
                                <p class="overflowClip_2">廖雪峰的官方网站 - 研究互联网产品和技术，提供原创中文精品教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cuiqingcai.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cuiqingcai.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cuiqingcai.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>崔庆才</strong></a>
                                <p class="overflowClip_2">崔庆才的个人博客,专注PHP,Python,爬虫,深度学习,机器学习,数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://morvanzhou.github.io/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="morvanzhou.github.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/morvanzhou.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>莫烦Python</strong></a>
                                <p class="overflowClip_2">专注Python、机器学习、深度学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.santostang.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.santostang.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/santostang.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>唐松</strong></a>
                                <p class="overflowClip_2">专注Python网络爬虫, 数据科学, 数据挖掘, 数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://pythonhunter.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="pythonhunter.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pythonhunter.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>捕蛇者说</strong></a>
                                <p class="overflowClip_2">编程、程序员、Python</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://fxxkpython.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="fxxkpython.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fxxkpython.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>FxxkPython</strong></a>
                                <p class="overflowClip_2">学习python的正确姿势</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://wistbean.github.io&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="wistbean.github.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/wistbean.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>wistbean</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.zlovezl.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.zlovezl.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zlovezl.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Piglei</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tendcode.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tendcode.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tendcode.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TendCode</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.zmrenwu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.zmrenwu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zmrenwu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>追梦人物的博客</strong></a>
                                <p class="overflowClip_2">Python Django 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.the5fire.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.the5fire.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/the5fire.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>the5fire</strong></a>
                                <p class="overflowClip_2">《Django企业开发实战》作者，关注Python、Django、Vim、Linux、Web开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://dongwm.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="dongwm.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/dongwm.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>小明明S À DOMICILE</strong></a>
                                <p class="overflowClip_2">《Python Web开发实战》作者，Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://foofish.net/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="foofish.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/foofish.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python之禅</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.pyzhishiquan.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.pyzhishiquan.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pyzhishiquan.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 知识圈</strong></a>
                                <p class="overflowClip_2">Python知识圈 - 实用的Python教程网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.xiaozhan95.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.xiaozhan95.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/xiaozhan95.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 教程网</strong></a>
                                <p class="overflowClip_2">小詹学Python，专注Python学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.spiderpy.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.spiderpy.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/spiderpy.gif" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>烂笔头 j_hao104</strong></a>
                                <p class="overflowClip_2">Python大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://xianyucoder.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="xianyucoder.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/xianyucoder.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>咸鱼日常</strong></a>
                                <p class="overflowClip_2">专注Python爬虫，有许多JS逆向文章</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://blog.ansheng.me/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="blog.ansheng.me">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ansheng.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>AnSheng</strong></a>
                                <p class="overflowClip_2">Python 全栈大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://xiaxichen.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="xiaxichen.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/xiaxichen.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>夏溪辰</strong></a>
                                <p class="overflowClip_2">云栖社区特邀爬虫工程师，Python大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.makcyun.top/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.makcyun.top">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/makcyun.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>高级农民工</strong></a>
                                <p class="overflowClip_2">Python大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cloudcrawler.club/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cloudcrawler.club">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/lateautumn4lin.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云爬虫技术研究笔记</strong></a>
                                <p class="overflowClip_2">Lateautumn4lin 爬虫开发工程师，多年反爬虫破解经验，沉迷数据分析和黑客增长，CSDN博客专家，华为云享专家
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://lateautumn4lin.blog.csdn.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="blog.ansheng.me">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/lateautumn4lin.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云爬虫技术研究笔记(CSDN)</strong></a>
                                <p class="overflowClip_2">Lateautumn4lin 爬虫开发工程师，多年反爬虫破解经验，沉迷数据分析和黑客增长，CSDN博客专家，华为云享专家
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cuijiahua.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cuijiahua.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cuijiahua.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Jack Cui</strong></a>
                                <p class="overflowClip_2">CSDN博客专家，Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="学习资源"></i>学习资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.python88.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.python88.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python爬虫人工智能学习教程</strong></a>
                                <p class="overflowClip_2">Python爬虫人工智能学习教程分享</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.pythondoc.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.pythondoc.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 中文学习大本营</strong></a>
                                <p class="overflowClip_2">Python 中文学习大本营</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://jobbole.github.io/awesome-python-cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="jobbole.github.io/awesome-python-cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 资源大全中文版</strong></a>
                                <p class="overflowClip_2">Python 资源大全中文版</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="组织社区"></i>组织社区</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://pychina.org/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="pychina.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pychina.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PyChina</strong></a>
                                <p class="overflowClip_2">Python 中国社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cn.pycon.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cn.pycon.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cnpycon.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PyCon China</strong></a>
                                <p class="overflowClip_2">中国 Python 开发者大会</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://weekly.pychina.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="weekly.pychina.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/weeklypychina.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>蠎周刊</strong></a>
                                <p class="overflowClip_2">蠎周刊 - 汇集全球蠎事儿</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="爬虫相关"></i>爬虫相关</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://glidedsky.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="glidedsky.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/glidedsky.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>镀金的天空</strong></a>
                                <p class="overflowClip_2">GlidedSky 镀金的天空，在线爬虫练习题库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://bbs.nightteam.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="bbs.nightteam.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/nightteam.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>夜幕爬虫安全论坛</strong></a>
                                <p class="overflowClip_2">一个专注于爬虫与 PC/Web/ 移动端安全领域技术交流的社区，社区由夜幕团队 NightTeam
                                    创办，旨在提升开发者对爬虫与软件安全防护的理解</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.xicidaili.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.xicidaili.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/xicidaili.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>西刺免费代理IP</strong></a>
                                <p class="overflowClip_2">每日更新免费HTTP代理，所有代理均为6675端口高匿代理，可隐藏IP</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/jhao104/proxy_pool&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/jhao104/proxy_pool">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/proxy_pool.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>爬虫IP代理池</strong></a>
                                <p class="overflowClip_2">爬虫IP代理池</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.yundama.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.yundama.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/yundama.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云打码</strong></a>
                                <p class="overflowClip_2">采用全球领先的秒传识别系统，50%图片零秒识别，人工平均处理时间0-3秒</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.chaojiying.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.chaojiying.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/chaojiying.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>超级鹰</strong></a>
                                <p class="overflowClip_2">专业的验证码云端识别服务,让验证码识别更快速、更准确、更强大</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.bazhuayu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.bazhuayu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/bazhuayu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>八爪鱼采集器</strong></a>
                                <p class="overflowClip_2">一款使用简单、功能强大的网络爬虫工具，完全可视化操作，无需编写代码，内置海量模板，支持任意网络数据抓取</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/lateautumn4lin/Review_Reverse&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/lateautumn4lin/Review_Reverse">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 逆向</strong></a>
                                <p class="overflowClip_2">Python 逆向相关资源</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/facert/awesome-spider&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/facert/awesome-spider">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 爬虫集合</strong></a>
                                <p class="overflowClip_2">Python 爬虫集合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/lining0806/PythonSpiderNotes&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/lining0806/PythonSpiderNotes">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 入门网络爬虫之精华版</strong></a>
                                <p class="overflowClip_2">Python 入门网络爬虫之精华版</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/xianyucoder/Crack-JS&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/xianyucoder/Crack-JS">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>爬虫项目进阶实战</strong></a>
                                <p class="overflowClip_2">Python3 爬虫项目进阶实战、JS加解密、逆向教程、css 加密、字体加密</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/Kr1s77/awesome-python-login-model&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Kr1s77/awesome-python-login-model">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python 模拟登陆一些大型网站</strong></a>
                                <p class="overflowClip_2">Python 模拟登陆一些大型网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/Ehco1996/Python-crawler&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Ehco1996/Python-crawler">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>系统化学习 Python 爬虫</strong></a>
                                <p class="overflowClip_2">系统化学习 Python 爬虫</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/Jack-Cherish/python-spider&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Jack-Cherish/python-spider">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/python.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python3 网络爬虫实战</strong></a>
                                <p class="overflowClip_2">Python3 网络爬虫实战</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="在线视频"></i>在线视频</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://ke.qq.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="ke.qq.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/keqq.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>腾讯课堂</strong></a>
                                <p class="overflowClip_2">腾讯推出的专业在线教育平台，聚合大量优质教育机构和名师</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://study.163.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="study.163.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/study163.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>网易云课堂</strong></a>
                                <p class="overflowClip_2">网易旗下一个专注职业技能提升的在线学习平台。立足于实用性的要求，与多家教育培训机构和行业的专家、讲师建立合作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.icourse163.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.icourse163.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/icourse163.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>中国大学 MOOC</strong></a>
                                <p class="overflowClip_2">中国大学MOOC(慕课)，国家精品课程在线学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.itheima.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.itheima.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/itheima.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>黑马程序员</strong></a>
                                <p class="overflowClip_2">致力于培养中级程序员，是业内以口碑闻名的IT教育培训机构</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.kgc.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.kgc.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/kgc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>课工场</strong></a>
                                <p class="overflowClip_2">更可靠的IT就业教育平台，针对大学生量身定制人工智能、大数据、云计算、区块链、Java大数据开发等大学生IT培训课程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.jikexueyuan.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.jikexueyuan.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jikexueyuan.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>极客学院</strong></a>
                                <p class="overflowClip_2">极客学院作为中国专业IT职业在线教育平台,拥有海量高清IT职业课程,涵盖30+个技术领域</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.imooc.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.imooc.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/imooc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>慕课网</strong></a>
                                <p class="overflowClip_2">
                                    慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.atguigu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.atguigu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/atguigu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>尚硅谷</strong></a>
                                <p class="overflowClip_2">
                                    尚硅谷Java培训，谷粉与老学员为你推荐的Java培训、Web前端培训、前端培训、大数据培训、Python培训；0基础入学，学员就业起薪屡创新高！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.shiyanlou.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.shiyanlou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/shiyanlou.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>实验楼</strong></a>
                                <p class="overflowClip_2">
                                    国内领先的IT在线编程及在线实训学习平台，专业导师提供精选的实践项目，创新的技术使得学习者无需配置繁琐的本地环境，随时在线流畅使用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cn.udacity.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cn.udacity.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/udacity.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>优达学城</strong></a>
                                <p class="overflowClip_2">
                                    Udacity是来自硅谷的前沿技术平台，为广大学子提供WEB前端开发、Python/JAVA编程、IOS/Android开发、人工智能开发等一系列在线课程及实战项目，满足学员灵活的学习需求
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://edu.51cto.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="edu.51cto.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/edu51cto.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>51CTO学院</strong></a>
                                <p class="overflowClip_2">
                                    51CTO学院IT职业在线教育平台是依托12年行业品牌、1400万IT技术用户建立的专业IT技能学习培训平台，已签约1000多位技术专家发布了12万个自学式实战视频教程
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://edu.csdn.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="edu.csdn.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/educsdn.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSDN 学院</strong></a>
                                <p class="overflowClip_2">CSDN 学院作为IT在线教育平台,涵盖人工智能、考试认证、移动开发、大数据技术领域职业课程</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.oldboyedu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.oldboyedu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/oldboyedu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>老男孩IT教育</strong></a>
                                <p class="overflowClip_2">
                                    隶属北京一天天教育科技有限公司,是一直专注于Linux培训、Linux系统及架构师培训、Python培训、网络安全培训，大数据实战的高端培训机构</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info"
                            onclick="window.open(&quot;http://www.mobiletrain.org/&quot;,&quot;_blank&quot;)"
                            data-toggle="tooltip" data-placement="bottom" data-original-title="www.mobiletrain.org">
                            <div class="xe-comment-entry">
                                <a class="xe-user-img"><img src="./navi_medias/mobiletrain.png" class="img-circle"
                                        width="40"></a>
                                <div class="xe-comment">
                                    <a href="#"
                                        class="xe-user-name overflowClip_1"><strong>千锋教育</strong></a>
                                    <p class="overflowClip_2">千锋教育 - 坚持教育初心，坚持面授品质，IT培训良心品牌</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="博客论坛"></i>博客论坛</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://fishc.com.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="fishc.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fishc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>鱼C工作室</strong></a>
                                <p class="overflowClip_2">
                                    鱼C工作室-免费编程视频教学|Python教学|Web开发教学|全栈开发教学|C语言教学|汇编教学|Win32开发|加密与解密|Linux教学</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.52pojie.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.52pojie.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/52pojie.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>吾爱破解</strong></a>
                                <p class="overflowClip_2">致力于软件安全与病毒分析的前沿，丰富的技术版块交相辉映，由无数热衷于软件加密解密及反病毒爱好者共同维护</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.liaoxuefeng.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.liaoxuefeng.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/liaoxuefeng.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>廖雪峰</strong></a>
                                <p class="overflowClip_2">廖雪峰的官方网站 - 研究互联网产品和技术，提供原创中文精品教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cuiqingcai.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cuiqingcai.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cuiqingcai.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>崔庆才</strong></a>
                                <p class="overflowClip_2">崔庆才的个人博客,专注PHP,Python,爬虫,深度学习,机器学习,数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://morvanzhou.github.io/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="morvanzhou.github.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/morvanzhou.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>莫烦Python</strong></a>
                                <p class="overflowClip_2">专注Python、机器学习、深度学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.santostang.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.santostang.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/santostang.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>唐松</strong></a>
                                <p class="overflowClip_2">专注Python网络爬虫, 数据科学, 数据挖掘, 数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.ruanyifeng.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.ruanyifeng.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ruanyifeng.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阮一峰</strong></a>
                                <p class="overflowClip_2">上海财经大学世界经济博士研究生，计算机科普博主，对自由软件有着坚定不移的信念</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="学习平台"></i>学习平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.runoob.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.runoob.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/runoob.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>菜鸟教程</strong></a>
                                <p class="overflowClip_2">提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP ,
                                    MySQL等各种编程语言的基础知识</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.w3school.com.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.w3school.com.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/w3school.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>W3school</strong></a>
                                <p class="overflowClip_2">领先的 Web 技术教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.dotcpp.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.dotcpp.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/dotcpp.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C语言网</strong></a>
                                <p class="overflowClip_2">C语言网 - 领先实用的编程在线学习网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.qianduandaxue.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.qianduandaxue.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/qianduandaxue.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>前端网</strong></a>
                                <p class="overflowClip_2">前端网，最好的自学web前端网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.nowcoder.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.nowcoder.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/nowcoder.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>牛客网</strong></a>
                                <p class="overflowClip_2">牛客网 - 互联网求职神器和备考学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://how2j.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="how2j.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/how2j.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>How2J</strong></a>
                                <p class="overflowClip_2">How2J的Java教程, 内容涵盖J2SE、WEB前端、J2EE、框架技术等全面的Java内容</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="站长工具"></i>站长工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://sina.lt/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="sina.lt">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/sina.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>新浪短网址</strong></a>
                                <p class="overflowClip_2">多种后缀短网址生成</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://dwz.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="dwz.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/baidu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度短网址</strong></a>
                                <p class="overflowClip_2">百度旗下专业的网址缩短服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://tool.chinaz.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tool.chinaz.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/chinaz.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>站长工具 - 站长之家</strong></a>
                                <p class="overflowClip_2">
                                    站长工具,SEO工具,权重查询,收录查询,PR查询,ICP备案查询,whois查询,友情链接查询,反向链接查询,网站测试,IP查询,Alexa查询</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://whois.aliyun.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="whois.aliyun.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/aliyun.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阿里云 whois 查询</strong></a>
                                <p class="overflowClip_2">whois查询,域名whois,域名注册信息,whois查询工具,whois信息,域名信息</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://namebeta.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="namebeta.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/namebeta.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>NnameBeta</strong></a>
                                <p class="overflowClip_2">国际域名搜索、域名注册、国别域名注册、域名比价</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.domcomp.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.domcomp.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/domcomp.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Domcomp</strong></a>
                                <p class="overflowClip_2">域名比价，Domain Name Price and Availability.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://fztool.ptcms.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="fztool.ptcms.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ptcms.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>仿站工具箱</strong></a>
                                <p class="overflowClip_2">在线仿站工具箱</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tool.lusongsong.com/seo/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tool.lusongsong.com/seo">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/seo.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>超级 SEO 外链工具</strong></a>
                                <p class="overflowClip_2">网站自动化宣传机器/免费的超级外链工具可批量增加外链</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://ziyuan.baidu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="ziyuan.baidu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/baidu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度站长平台</strong></a>
                                <p class="overflowClip_2">百度搜索资源平台 - 让网站更具价值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://zhanzhang.sogou.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="zhanzhang.sogou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/sogou.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>搜狗站长平台</strong></a>
                                <p class="overflowClip_2">搜狗站长平台 - 全面掌握在搜狗搜索中的数据表现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://zhanzhang.so.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="zhanzhang.so.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/360.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>360 站长平台</strong></a>
                                <p class="overflowClip_2">360 站长平台 - 给网站带来更多流量和展现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.google.cn/webmasters/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.google.cn/webmasters">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/google.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Google 站长平台</strong></a>
                                <p class="overflowClip_2">Google 网站站长 - 支持、学习、互动交流和 Search Console – Google</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.bing.com/toolbox/webmaster/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.bing.com/toolbox/webmaster">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/bing.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Bing 网站管理员工具</strong></a>
                                <p class="overflowClip_2">Bing 网站管理员工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://union.baidu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="union.baidu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/baidu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度广告联盟</strong></a>
                                <p class="overflowClip_2">百度广告联盟为您的流量增值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.google.com/adsense/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.google.com/adsense">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/google.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Google AdSense</strong></a>
                                <p class="overflowClip_2">Google 广告平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tongji.baidu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tongji.baidu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/baidu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度统计</strong></a>
                                <p class="overflowClip_2">百度统计 — 最大的中文网站分析平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.umeng.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.umeng.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/umeng.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>友盟+</strong></a>
                                <p class="overflowClip_2">国内领先的第三方全域数据智能服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.beian.miit.gov.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.beian.miit.gov.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/beian.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ICP/IP地址/域名信息备案管理系统</strong></a>
                                <p class="overflowClip_2">工业和信息化部ICP/IP地址/域名信息备案管理系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://beian.gov.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="beian.gov.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/beian.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>全国互联网安全管理服务平台</strong></a>
                                <p class="overflowClip_2">公安备案网 - 全国互联网安全管理服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="IT工具箱"></i>IT工具箱</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tool.lu/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tool.lu">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tool.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>在线工具 - 程序员的工具箱</strong></a>
                                <p class="overflowClip_2">站长工具、代码格式化、压缩、加密、解密、下载链接转换等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tool.oschina.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tool.oschina.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tool.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>在线工具 - OSCHINA.NET社区</strong></a>
                                <p class="overflowClip_2">常用文档、常用对照表、代码处理、Html/Js/Css工具、加密/转码工具等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tools.ly522.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tools.ly522.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tool.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>记磊工具箱</strong></a>
                                <p class="overflowClip_2">Dns检测、CSS格式化、超级Ping、端口扫描等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://tool.mkblog.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="tool.mkblog.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tool.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>孟坤工具箱</strong></a>
                                <p class="overflowClip_2">css一键美化、文本差异比较、代码高亮等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.planetb.ca/syntax-highlight-word&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.planetb.ca/syntax-highlight-word">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/syntaxhighlight.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Syntax Highlight</strong></a>
                                <p class="overflowClip_2">Syntax Highlight Code In Word Documents，在Word文档中插入漂亮的代码</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://patorjk.com/software/taag/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="patorjk.com/software/taag">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/texttoASCII.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Text to ASCII Art Generator</strong></a>
                                <p class="overflowClip_2">Text to ASCII Art Generator，字符串转成 ASCII 码图案</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.mdeditor.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.mdeditor.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/mdeditor.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>MDEditor</strong></a>
                                <p class="overflowClip_2">开源在线 Markdown 编辑器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://linshiyouxiang.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="linshiyouxiang.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/linshiyouxiang.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>临时邮箱</strong></a>
                                <p class="overflowClip_2">匿名注册不常用的网站/论坛，保护隐私免骚扰</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://sm.ms/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="sm.ms">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/smms.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SM.MS</strong></a>
                                <p class="overflowClip_2">SM 免费图床，每个文件最大支持 5MB</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://imgchr.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="imgchr.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/imgchr.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>路过图床</strong></a>
                                <p class="overflowClip_2">免费公共图床，支持最大10MB、批量上传</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://greasyfork.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="greasyfork.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/greasyfork.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Greasy Fork</strong></a>
                                <p class="overflowClip_2">安全、实用的用户脚本大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://netsmell.com/apps/helloworldcollection/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="netsmell.com/apps/helloworldcollection">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/helloworldcollection.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Hello World 大全</strong></a>
                                <p class="overflowClip_2">收集了大约481种 Hello World 程序，涵盖了目前已知的所有编程语言，另加上 67 人类语言</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://qiao.github.io/PathFinding.js/visual/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="qiao.github.io/PathFinding.js/visual">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/PathFinding.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>动画展示各种路径搜索算法</strong></a>
                                <p class="overflowClip_2">动画展示各种路径搜索算法</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://it-ebooks.info/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="it-ebooks.info">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/it_ebooks.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>IT eBooks</strong></a>
                                <p class="overflowClip_2">可以下载IT电子书籍的网站（英文）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://geektyper.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="geektyper.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/geektyper.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GEEKTyper</strong></a>
                                <p class="overflowClip_2">在线模拟黑客工作的虚拟桌面系统，提供多种黑客工作的场景</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/justjavac/free-programming-books-zh_CN&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/justjavac/free-programming-books-zh_CN">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/free_programming_books.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>免费计算机编程类中文书籍</strong></a>
                                <p class="overflowClip_2">免费计算机编程类中文书籍</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.easeus.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.easeus.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/easeus.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>EaseUS Partition Master</strong></a>
                                <p class="overflowClip_2">磁盘分区管理软件，不用重装系统，就可以重新划分磁盘空间</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="文件处理"></i>文件处理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://convertio.co/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="convertio.co">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/convertio.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Convertio</strong></a>
                                <p class="overflowClip_2">在线文件转换工具，支持超过309种不同的文档、图像、电子表格、电子书、文档、演示文稿、音频和视频格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cn.office-converter.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cn.office-converter.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/office_converter.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Office-Converter</strong></a>
                                <p class="overflowClip_2">免费在线转换视频，在线音频转换，在线图形转换，在线文档转换和在线压缩格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://tinypng.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tinypng.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tinypng.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TinyPNG</strong></a>
                                <p class="overflowClip_2">PNG/JPG图片在线压缩利器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://squoosh.app/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="squoosh.app">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/squoosh.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Squoosh</strong></a>
                                <p class="overflowClip_2">Google开源在线压缩、调整工具，支持WebP</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.iloveimg.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.iloveimg.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/iloveimg.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ILoveIMG</strong></a>
                                <p class="overflowClip_2">永远免费的在线图片处理工具，可在线编辑，压缩、裁剪、转换、水印等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://smallpdf.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="smallpdf.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/smallpdf.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Smallpdf</strong></a>
                                <p class="overflowClip_2">Smallpdf - A Free Solution to all your PDF
                                    Problems,PDF压缩、转换、分割、合并等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://photomosh.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="photomosh.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/photomosh.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PHOTOMOSH</strong></a>
                                <p class="overflowClip_2">故障艺术在线生成，可以输出jpg、gif和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.gaoding.com/koutu&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.gaoding.com/koutu">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/gaoding.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>稿定抠图</strong></a>
                                <p class="overflowClip_2">免费在线抠图软件,图片快速换背景-抠白底图</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.uugai.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.uugai.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/uugai.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>U钙网</strong></a>
                                <p class="overflowClip_2">完全免费的LOGO在线设计制作工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://jakearchibald.github.io/svgomg/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="jakearchibald.github.io/svgomg">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/svgomg.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SVGOMG</strong></a>
                                <p class="overflowClip_2">SVG在线压缩平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://yj.duduxuexi.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="yj.duduxuexi.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/tmyjcl.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>在线图片透明圆角处理</strong></a>
                                <p class="overflowClip_2">在线图片透明圆角处理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cli.im/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cli.im">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cli.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>草料二维码</strong></a>
                                <p class="overflowClip_2">国内创建二维码在线应用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.logaster.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.logaster.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/logaster.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Logaster</strong></a>
                                <p class="overflowClip_2">在线免费创建简单logo及名片设计</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.logaster.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.logaster.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/preloaders.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Preloaders</strong></a>
                                <p class="overflowClip_2">Loading 懒加载动画在线制作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://loading.io/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="loading.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/loading.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Loading</strong></a>
                                <p class="overflowClip_2">制作GIF、SVG、CSS加载动画图标</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://waifu2x.udp.jp/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="waifu2x.udp.jp">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/waifu2x.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>waifu2x</strong></a>
                                <p class="overflowClip_2">图片智能无损放大2倍，适合动漫、插画等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://zhitu.isux.us/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="zhitu.isux.us">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zhitu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>智图</strong></a>
                                <p class="overflowClip_2">腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://music.sounm.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="music.sounm.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/musicsounm.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>音乐免费下载</strong></a>
                                <p class="overflowClip_2">全网音乐免费下载工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://okzyw.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="okzyw.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/okzyw.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>OK资源采集</strong></a>
                                <p class="overflowClip_2">OK资源采集-最新影视资源大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://jianwai.netease.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="jianwai.netease.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jianwai.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>网易见外工作台</strong></a>
                                <p class="overflowClip_2">针对视频、图片、文档、音频都可以进行翻译转写操作，每天两小时免费使用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.hipdf.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.hipdf.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/hipdf.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HiPDF</strong></a>
                                <p class="overflowClip_2">一站式解决所有PDF相关的问题</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.shipinyu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.shipinyu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/shipinyu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>视频鱼</strong></a>
                                <p class="overflowClip_2">在线下载各大网站视频的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.screentogif.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.screentogif.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/screentogif.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ScreenToGif</strong></a>
                                <p class="overflowClip_2">开源、轻量级却非常强大的录屏软件，快速将屏幕录制成高清GIF</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="设计素材"></i>设计素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.iconfont.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.iconfont.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/iconfont.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Iconfont</strong></a>
                                <p class="overflowClip_2">阿里巴巴矢量图标库，提供矢量图标下载、在线存储、格式转换等功能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://fontawesome.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="fontawesome.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fontawesome.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Font Awesome</strong></a>
                                <p class="overflowClip_2">一个基于CSS 和 LESS 的字体和图标工具包</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.flaticon.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.flaticon.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/flaticon.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Flaticon</strong></a>
                                <p class="overflowClip_2">海量扁平化免费的图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://icons8.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="icons8.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/icons8.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>icons8</strong></a>
                                <p class="overflowClip_2">独特系统平台风格和web图标库，下载免费图标，音乐</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.58pic.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.58pic.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/58pic.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>千图网</strong></a>
                                <p class="overflowClip_2">海量原创设计模板免费下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.nipic.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.nipic.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/nipic.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>昵图网</strong></a>
                                <p class="overflowClip_2">国内海量平面免费素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://588ku.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="588ku.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/588ku.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>千库网</strong></a>
                                <p class="overflowClip_2">免费 png 图片背景素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.pexels.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.pexels.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pexels.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Pexels</strong></a>
                                <p class="overflowClip_2">才华横溢的摄影作者在这里免费分享最精彩的素材照片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://bing.ioliu.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="bing.ioliu.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/bing.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>必应壁纸</strong></a>
                                <p class="overflowClip_2">必应每日高清壁纸</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.piqsels.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.piqsels.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/piqsels.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Piqsels</strong></a>
                                <p class="overflowClip_2">精美的免版税图库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://sicangziti.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="sicangziti.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/sicangziti.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>私藏字体</strong></a>
                                <p class="overflowClip_2">优质字体免费下载站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.1ppt.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.1ppt.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/1ppt.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>第一 PPT 网</strong></a>
                                <p class="overflowClip_2">免费 PPT 模板下载</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.woodo.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.woodo.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/woodo.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>吾道幻灯片</strong></a>
                                <p class="overflowClip_2">全新的office生产力工具，支持演示文稿、PPT模板、协同办公，可以帮助用户轻松创建具有视觉吸引力的幻灯片</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://mixkit.co/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="mixkit.co">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/mixkit.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Mixkit</strong></a>
                                <p class="overflowClip_2">免费、高质量、可商用的视频素材分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://thestocks.im/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="thestocks.im">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/thestocks.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>The Stocks</strong></a>
                                <p class="overflowClip_2">对各大图片网站进行整合，免费优质图片下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://bz.zzzmh.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="bz.zzzmh.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zzzmh.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>极简壁纸</strong></a>
                                <p class="overflowClip_2">高质量精品壁纸网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://images.nasa.gov/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="images.nasa.gov">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/nasa.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>NASA Image and Video
                                        Library</strong></a>
                                <p class="overflowClip_2">美国国家航天局的官方库，从此太空类的素材再也不是问题</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://unsplash.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="unsplash.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/unsplash.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Unsplash</strong></a>
                                <p class="overflowClip_2">质量超高的免费图片素材库，无需注册，直接下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://wordart.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="wordart.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/wordart.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>WordArt</strong></a>
                                <p class="overflowClip_2">文字云工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="效率软件"></i>效率软件</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.bypass.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.bypass.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/bypass.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>分流抢票</strong></a>
                                <p class="overflowClip_2">全程自动抢票,自动抢候补,自动识别验证码,多线程秒单、稳定捡漏,支持多天、多车次、多席别、多乘客等功能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://pandownload.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="pandownload.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/pandownload.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PanDownload</strong></a>
                                <p class="overflowClip_2">百度网盘下载神器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.getquicker.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.getquicker.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/quicker.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Quicker</strong></a>
                                <p class="overflowClip_2">为常用操作建立捷径，PC 快捷动作面板，让效率触手可及!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.wofficebox.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.wofficebox.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/wofficebox.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>万彩办公大师</strong></a>
                                <p class="overflowClip_2">免费、轻松处理文档/音视频/图片的工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.cockos.com/licecap/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.cockos.com/licecap">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/LICEcap.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>LICEcap</strong></a>
                                <p class="overflowClip_2">简洁易用的动画屏幕录制软件，它可将屏幕录像的内容直接保存为高质量（每帧颜色数量可超过256）GIF动态图片格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.snipaste.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.snipaste.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/snipaste.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Snipaste</strong></a>
                                <p class="overflowClip_2">简单但强大的截图工具，支持截图 + 贴图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.faststone.org/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.faststone.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fscapture.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>FSCapture</strong></a>
                                <p class="overflowClip_2">一个强大的，轻量级的，功能齐全的屏幕捕获工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.voidtools.com/support/everything/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.voidtools.com/support/everything">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/everything.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Everything</strong></a>
                                <p class="overflowClip_2">速度最快的的文件搜索工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://efotinis.neocities.org/deskpins/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="efotinis.neocities.org/deskpins">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/deskpins.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>DeskPins</strong></a>
                                <p class="overflowClip_2">顶置任意窗口</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/zhongyang219/TrafficMonitor&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/zhongyang219/TrafficMonitor">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/trafficmonitor.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TrafficMonitor</strong></a>
                                <p class="overflowClip_2">一个用于显示当前网速、CPU及内存利用率的桌面悬浮窗软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/Molunerfinn/PicGo&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Molunerfinn/PicGo">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/PicGo.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PicGo</strong></a>
                                <p class="overflowClip_2">由 electronic-vue 构建的简单而精美的图片上传工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://github.com/microsoft/PowerToys&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/microsoft/PowerToys">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/PowerToys.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PowerToys</strong></a>
                                <p class="overflowClip_2">微软为 Windows 系统推出的一系列免费实用小工具合集</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.chuyu.me/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.chuyu.me">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/chuyu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Dism++</strong></a>
                                <p class="overflowClip_2">一款根据微软底层的架构结构设计的一个系统维护工具，全球第一款基于 CBS 的 Dism GUI 实现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://colorpix.en.softonic.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="colorpix.en.softonic.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/colorpix.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ColorPix</strong></a>
                                <p class="overflowClip_2">屏幕取色小工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.ccleaner.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.ccleaner.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ccleaner.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CCleaner</strong></a>
                                <p class="overflowClip_2">一款免费的系统优化和隐私保护工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://blog.bahraniapps.com/gifcam/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="blog.bahraniapps.com/gifcam">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/gifcam.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GifCam</strong></a>
                                <p class="overflowClip_2">集录制与剪辑为一体的屏幕 GIF 动画制作工具，录制后的动画可以逐帧编辑</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.ieway.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.ieway.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ieway.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>EV录屏</strong></a>
                                <p class="overflowClip_2">一款免费并且不添加水印的录屏工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://fliqlo.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="fliqlo.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fliqlo.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Fliqlo</strong></a>
                                <p class="overflowClip_2">一款极简主义的时钟屏保软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.stardock.com/products/fences/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.stardock.com/products/fences">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/fences.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Fences</strong></a>
                                <p class="overflowClip_2">栅栏管理桌面，使桌面更加整洁有条理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.q-dir.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.q-dir.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/q_dir.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Q-dir</strong></a>
                                <p class="overflowClip_2">多窗口文件整理工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.yingdev.com/projects/wgestures&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.yingdev.com/projects/wgestures">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/wgestures.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>WGestures</strong></a>
                                <p class="overflowClip_2">鼠标手势工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.xmind.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.xmind.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/xmind.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>XMind</strong></a>
                                <p class="overflowClip_2">一个全功能的思维导图和头脑风暴软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.speedpan.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.speedpan.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/speedpan.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>速盘</strong></a>
                                <p class="overflowClip_2">免登录，自动查询提取码，极速的度盘下载工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://justgetflux.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="justgetflux.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/justgetflux.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>f.lux</strong></a>
                                <p class="overflowClip_2">国外开源的护眼软件，通过根据时间调节屏幕颜色，减少蓝光对视力的影响</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="云服务商"></i>云服务商</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.aliyun.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.aliyun.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/aliyun.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阿里云</strong></a>
                                <p class="overflowClip_2">阿里云 - 为了无法计算的价值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cloud.tencent.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cloud.tencent.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cloudtencent.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>腾讯云</strong></a>
                                <p class="overflowClip_2">腾讯云 - 产业智变 云启未来</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://cloud.baidu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="cloud.baidu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cloudbaidu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度云</strong></a>
                                <p class="overflowClip_2">百度云 - 计算无限可能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.huaweicloud.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.huaweicloud.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/huaweicloud.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>华为云</strong></a>
                                <p class="overflowClip_2">华为云 - +智能，见未来</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.jdcloud.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.jdcloud.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jdcloud.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>京东云</strong></a>
                                <p class="overflowClip_2">京东云 - 遇见无限可能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.west.cn/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.west.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/west.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>西部数码</strong></a>
                                <p class="overflowClip_2">西部数码 - 云服务器、虚拟主机、域名注册17年知名云计算服务提供商！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.zzidc.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.zzidc.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zzidc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>景安云</strong></a>
                                <p class="overflowClip_2">景安云 - 专业的数据中心服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.qiniu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.qiniu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/qiniu.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>七牛云</strong></a>
                                <p class="overflowClip_2">七牛云 - 国内领先的企业级云服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.upyun.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.upyun.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/upyun.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>又拍云</strong></a>
                                <p class="overflowClip_2">又拍云 - 加速在线业务-CDN-云存储</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.cndns.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.cndns.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cndns.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>美橙互联</strong></a>
                                <p class="overflowClip_2">美橙互联 - 域名注册、企业建站、云服务器、企业网络推广整体解决方案服务商！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.ucloud.cn/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.ucloud.cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ucloud.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>UCloud</strong></a>
                                <p class="overflowClip_2">UCloud - 中立 安全 可信赖的云计算服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://aws.amazon.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="aws.amazon.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/awsamazon.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>AWS</strong></a>
                                <p class="overflowClip_2">AWS 云服务 - 专业的大数据和云计算服务以及云解决方案提供商</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://azure.microsoft.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="azure.microsoft.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/microsoft.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Microsoft Azure</strong></a>
                                <p class="overflowClip_2">Azure. Invent with purpose.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.godaddy.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.godaddy.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/godaddy.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GoDaddy</strong></a>
                                <p class="overflowClip_2">GoDaddy - 提供域名注册和互联网主机服务的美国公司</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.cloudflare.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.cloudflare.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/cloudflare.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Cloudflare</strong></a>
                                <p class="overflowClip_2">Cloudflare - 网络性能和安全公司</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.jsdelivr.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.jsdelivr.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jsdelivr.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>jsDelivr</strong></a>
                                <p class="overflowClip_2">jsDelivr - A free, fast, and reliable Open Source CDN for npm
                                    and GitHub</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="众包平台"></i>众包平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.yuanjisong.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.yuanjisong.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/yuanjisong.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>猿急送</strong></a>
                                <p class="overflowClip_2">专注于 IT 众包领域，职位内容大多集中于 UI 设计、产品设计、程序开发、产品运营等需求</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://zb.oschina.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="zb.oschina.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zboschina.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>开源众包</strong></a>
                                <p class="overflowClip_2">开源中国旗下外包网站，项目大多是团队的整包项目，适合多人组团接单</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.waibaodashi.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.waibaodashi.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/waibaodashi.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>外包大师</strong></a>
                                <p class="overflowClip_2">PMCAFF旗下的一个众包开发平台，目前以技术开发为主，以众包开发和自有开发相结合形式运营</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.rrkf.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.rrkf.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/rrkf.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>人人开发</strong></a>
                                <p class="overflowClip_2">集可视化开发，应用市场，威客众包，PaaS云于一体的企业级应用服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.kuai.ma/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.kuai.ma">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/kuaima.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>快码</strong></a>
                                <p class="overflowClip_2">提供智能硬件、各种智能共享项目解决方案，为互联网创业者提供APP、小程序、公众号开发。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.52solution.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.52solution.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/52solution.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>我爱方案网</strong></a>
                                <p class="overflowClip_2">专注于硬件类外包，电子方案开发供应链众包平台，软件外包，方案，硬件开发方案，硬件设计开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.yingxuan.io/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.yingxuan.io">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/yingxuan.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>英选</strong></a>
                                <p class="overflowClip_2">提供可信赖的定制开发外包服务，包括企业品牌官网、电商系统及创新定制产品开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://zhichou.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zhichou.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/zhichou.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>智筹</strong></a>
                                <p class="overflowClip_2">
                                    为企业&amp;创业者提供互联网高级人才直租服务。按次直租，解决临时、突发问题；按月直租，建立长期兼职合作；按任务直租，解决有明确预算的外包任务</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.kaifabang.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.kaifabang.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/kaifabang.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>开发邦</strong></a>
                                <p class="overflowClip_2">互联网软件定制开发与软件外包开发服务，十年互联网软件定制开发经验</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://codemart.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="codemart.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/codemart.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>码市</strong></a>
                                <p class="overflowClip_2">Coding
                                    推出的互联网软件外包服务平台，意在连接需求方与广大开发者。让项目的需求方快速的找到合适的开发者，完成项目开发工作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.freekeer.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.freekeer.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/freekeer.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>自由职客</strong></a>
                                <p class="overflowClip_2">自由职客是权威的IT互联网行业灵活用工交易平台，外包，众包，兼职，招聘，erp，sap</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.jfh.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jfh.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jfh.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>解放号</strong></a>
                                <p class="overflowClip_2">解放号众包平台提供软件开发外包、人力驻场服务等软件项目外包服务。解放号的软件项目交付全流程可视化监控与全生命周期管理能力
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.proginn.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.proginn.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/proginn.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>程序员客栈</strong></a>
                                <p class="overflowClip_2">领先的程序员自由工作平台，38万+优秀开发者，您的专属云端开发团队，BAT级别的开发者，标准化的服务和交付</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.mayigeek.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.mayigeek.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/mayigeek.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>码易</strong></a>
                                <p class="overflowClip_2">智网易联旗下IT软件服务平台，集软件商城、企业应用、电商软件、crm软件、商务服务平台于一体的一站式软件外包开发服务平台
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://eleduck.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="eleduck.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/eleduck.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>电鸭社区</strong></a>
                                <p class="overflowClip_2">电鸭社区旨在推动自由工作方式在国内渐进式发展，区别于传统方式的工作职位，倡导「只工作，不上班」的工作心态</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.sxsoft.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.sxsoft.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/sxsoft.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Sxsoft</strong></a>
                                <p class="overflowClip_2">中国最早的外包服务平台，18年口碑服务，20万程序员、100+专业软件开发公司，专注解决各类软件开发需求</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://shixian.com/&quot;,&quot;_blank&quot;)" data-toggle="tooltip"
                        data-placement="bottom" data-original-title="shixian.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/shixian.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>实现网</strong></a>
                                <p class="overflowClip_2">
                                    为企业提供BAT等名企背景的、靠谱的开发设计兼职人才和自由职业者，满足企业项目外包、驻场开发、远程兼职、技术咨询等短期人力需求</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.taskcity.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.taskcity.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/taskcity.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>智城外包网</strong></a>
                                <p class="overflowClip_2">零佣金开发资源平台，认证担保，全程无忧，专业的软件外包网和项目外包、项目开发、人力外派、短期招聘、人力资源交易平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="更多导航"></i>更多导航</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://chuangzaoshi.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="chuangzaoshi.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/chuangzaoshi.png" class="img-circle"
                                    width="40"></a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>创造狮导航</strong></a>
                                <p class="overflowClip_2">
                                    创造狮，一个创意工作者的导航，专注分享正版优质设计、前端、产品、运营的书签导航，设计教程、设计规范、颜色搭配、灵感创意、前端框架、开发者工具、互联网新品推荐、运营数据分析、自媒体和工具利器好用的分类导航大全
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://hao.199it.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="hao.199it.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/199it.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>大数据导航</strong></a>
                                <p class="overflowClip_2">大数据导航，以大数据产业为主，大数据工具为辅，给用户提供一个更加快速找到大数据相关的工具平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://hao.uisdc.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="hao.uisdc.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/uisdc.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>优设导航</strong></a>
                                <p class="overflowClip_2">优设网站导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;http://www.ziliao6.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.ziliao6.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/ziliao6.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>牛导航</strong></a>
                                <p class="overflowClip_2">实用工具导航</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.jubt.net/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.jubt.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/jubt.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>聚BT</strong></a>
                                <p class="overflowClip_2">聚BT - 聚合最优质的BT、磁力资源</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.gezhipu.com/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.gezhipu.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/gezhipu.png" class="img-circle"
                                    width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ShareHub</strong></a>
                                <p class="overflowClip_2">ShareHub - 资源和工具的集合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&quot;https://www.volf.club/&quot;,&quot;_blank&quot;)"
                        data-toggle="tooltip" data-placement="bottom" data-original-title="www.volf.club">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img"><img src="./navi_medias/volf.png" class="img-circle" width="40"></a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1"><strong>狼牌工作网址导航</strong></a>
                                <p class="overflowClip_2">工具，资源，方法，All IN ONE的办公工作网址导航</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- 常用推荐 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://dribbble.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://dribbble.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/dribbble.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Dribbble</strong>
                                </a>
                                <p class="overflowClip_2">全球UI设计师作品分享平台。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://behance.net/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://behance.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/behance.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Behance</strong>
                                </a>
                                <p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.ui.cn/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uicn.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UI中国</strong>
                                </a>
                                <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.zcool.com.cn/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.zcool.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/zcool.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>站酷</strong>
                                </a>
                                <p class="overflowClip_2">中国人气设计师互动平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.pinterest.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.pinterest.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pinterest.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Pinterest</strong>
                                </a>
                                <p class="overflowClip_2">全球美图收藏采集站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://huaban.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://huaban.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/huaban.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>花瓣</strong>
                                </a>
                                <p class="overflowClip_2">收集灵感,保存有用的素材</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://medium.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://medium.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/medium.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Medium</strong>
                                </a>
                                <p class="overflowClip_2">高质量设计文章</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.uisdc.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uisdc.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>优设</strong>
                                </a>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.producthunt.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.producthunt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/producthunt.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Producthunt</strong>
                                </a>
                                <p class="overflowClip_2">发现新鲜有趣的产品</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.youtube.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.youtube.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/youtube.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Youtube</strong>
                                </a>
                                <p class="overflowClip_2">全球最大的学习分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.google.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.google.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/google.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Google</strong>
                                </a>
                                <p class="overflowClip_2">全球最大的UI学习分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- END 常用推荐 -->
            <!-- 推荐 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面灵感"></i>推荐</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.aliyun.com/minisite/goods?userCode=xtct5egx&amp;share_source=copy_link&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.aliyun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/aliyun.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>阿里云</strong>
                                </a>
                                <p class="overflowClip_2">点击领取2000元限量云产品优惠券</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.gulusucai.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.gulusucai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gulusucai.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>咕噜素材</strong>
                                </a>
                                <p class="overflowClip_2">质量很高的设计素材网站（推荐）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://xiyou4you.us/r/?s=13731627&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://xiyou4you.us">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/xiyou.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>西游-科学上网</strong>
                                </a>
                                <p class="overflowClip_2">优秀的科学上网（略贵，但是贼稳，点击注册领取优惠券）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.link360.top/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.link360.top/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ss-kexueshangwang.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SS梯子</strong>
                                </a>
                                <p class="overflowClip_2">SS梯子-科学上网（实惠，但是不太稳）</p>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.shejizhoukan.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.shejizhoukan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/shejizhoukan.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>设计周刊</strong>
                                </a>
                                <p class="overflowClip_2">最新设计资讯（每天更新）</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.ziticangku.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.ziticangku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ziticangku.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>字体仓库</strong>
                                </a>
                                <p class="overflowClip_2">最全的免费商用字体库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 推荐 -->
            <!-- 社区资讯 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="社区资讯"></i>社区资讯</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.leiphone.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.leiphone.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/leiphone.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>雷锋网</strong>
                                </a>
                                <p class="overflowClip_2">人工智能和智能硬件领域的互联网科技媒体</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://36kr.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://36kr.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/36kr.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>36kr</strong>
                                </a>
                                <p class="overflowClip_2">创业资讯、科技新闻</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.digitaling.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.digitaling.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/digitaling.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>数英网</strong>
                                </a>
                                <p class="overflowClip_2">数字媒体及职业招聘网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.lieyunwang.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.lieyunwang.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/lieyunwang.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>猎云网</strong>
                                </a>
                                <p class="overflowClip_2">互联网创业项目推荐和创业创新资讯</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.woshipm.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/woshipm.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>人人都是产品经理</strong>
                                </a>
                                <p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.zaodula.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.zaodula.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/zaodula.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>互联网早读课</strong>
                                </a>
                                <p class="overflowClip_2">互联网行业深度阅读与学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.chanpin100.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.chanpin100.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/chanpin100.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>产品壹佰</strong>
                                </a>
                                <p class="overflowClip_2">为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.pmcaff.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pmcaff.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>PMCAFF</strong>
                                </a>
                                <p class="overflowClip_2">中国第一产品经理人气组织，专注于研究互联网产品</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.iyunying.org/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.iyunying.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/iyunying.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>爱运营</strong>
                                </a>
                                <p class="overflowClip_2">网站运营人员学习交流，专注于网站产品运营管理、淘宝运营。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.niaogebiji.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.niaogebiji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/niaogebiji.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>鸟哥笔记</strong>
                                </a>
                                <p class="overflowClip_2">移动互联网第一干货平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.gtn9.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gtn9.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>古田路9号</strong>
                                </a>
                                <p class="overflowClip_2">国内专业品牌创意平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.uigreat.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uigreat.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>优阁网</strong>
                                </a>
                                <p class="overflowClip_2">UI设计师学习交流社区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 社区资讯 -->
            <!-- 发现产品 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="发现产品"></i>发现产品</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.producthunt.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.producthunt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/producthunt.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Producthunt</strong>
                                </a>
                                <p class="overflowClip_2">发现新鲜有趣的产品</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://next.36kr.com/posts&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://next.36kr.com/posts">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/NEXT.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>NEXT</strong>
                                </a>
                                <p class="overflowClip_2">不错过任何一个新产品</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://sspai.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://sspai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sspai.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>少数派</strong>
                                </a>
                                <p class="overflowClip_2">高品质数字消费指南</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://liqi.io/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://liqi.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/liqi.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>利器</strong>
                                </a>
                                <p class="overflowClip_2">创造者和他们的工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://today.itjuzi.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://today.itjuzi.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/today.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Today</strong>
                                </a>
                                <p class="overflowClip_2">为身边的新产品喝彩</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://faxian.appinn.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://faxian.appinn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/appinn.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>小众软件</strong>
                                </a>
                                <p class="overflowClip_2">在这里发现更多有趣的应用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 发现产品 -->
            <!-- 界面灵感 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面灵感"></i>界面灵感</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.pttrns.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.pttrns.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Pttrns.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Pttrns</strong>
                                </a>
                                <p class="overflowClip_2">Check out the finest collection of design patterns, resources,
                                    mobile apps and inspiration</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://collectui.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://collectui.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/CollectUI.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Collect UI</strong>
                                </a>
                                <p class="overflowClip_2">Daily inspiration collected from daily ui archive and beyond.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://ui.uigreat.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ui.uigreat.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uiuigreat.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UI uigreat</strong>
                                </a>
                                <p class="overflowClip_2">APP界面截图参考</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://androidniceties.tumblr.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://androidniceties.tumblr.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/AndroidNiceties.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Android Niceties</strong>
                                </a>
                                <p class="overflowClip_2">A collection of screenshots encompassing some of the most
                                    beautiful looking Android apps.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--END 界面灵感 -->
            <br>
            <!-- 网页灵感 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="网页灵感"></i>网页灵感</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.awwwards.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.awwwards.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/awwwards.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Awwwards</strong>
                                </a>
                                <p class="overflowClip_2">Awwwards are the Website Awards that recognize and promote the
                                    talent and effort of the best developers, designers and web agencies in the world.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.cssdesignawards.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.cssdesignawards.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/CSSDesignAwards.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>CSS Design Awards</strong>
                                </a>
                                <p class="overflowClip_2">Website Awards &amp; Inspiration - CSS Gallery</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://thefwa.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://thefwa.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/fwa.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>The FWA</strong>
                                </a>
                                <p class="overflowClip_2">FWA - showcasing innovation every day since 2000</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.ecommercefolio.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.ecommercefolio.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Ecommercefolio.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Ecommercefolio</strong>
                                </a>
                                <p class="overflowClip_2">Only the Best Ecommerce Design Inspiration</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.lapa.ninja/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.lapa.ninja/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Lapa.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Lapa</strong>
                                </a>
                                <p class="overflowClip_2">The best landing page design inspiration from around the web.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://reeoo.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://reeoo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/reeoo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Reeoo</strong>
                                </a>
                                <p class="overflowClip_2">web design inspiration and website gallery</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://designmunk.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://designmunk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/designmunk.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Designmunk</strong>
                                </a>
                                <p class="overflowClip_2">Best Homepage Design Inspiration</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://bestwebsite.gallery/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://bestwebsite.gallery/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/BWG.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Best Websites Gallery</strong>
                                </a>
                                <p class="overflowClip_2">Website Showcase Inspiration | Best Websites Gallery</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.pages.xyz/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.pages.xyz/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pages.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Pages</strong>
                                </a>
                                <p class="overflowClip_2">Curated directory of the best Pages</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://sitesee.co/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://sitesee.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/SiteSee.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>SiteSee</strong>
                                </a>
                                <p class="overflowClip_2">SiteSee is a curated gallery of beautiful, modern websites
                                    collections.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.siteinspire.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.siteinspire.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/siteInspire.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Site Inspire</strong>
                                </a>
                                <p class="overflowClip_2">A CSS gallery and showcase of the best web design inspiration.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://web.uedna.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://web.uedna.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/WebInspiration.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>WebInspiration</strong>
                                </a>
                                <p class="overflowClip_2">网页设计欣赏,全球顶级网页设计</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://navnav.co/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://navnav.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/navnav.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>navnav</strong>
                                </a>
                                <p class="overflowClip_2">A ton of CSS, jQuery, and JavaScript responsive navigation
                                    examples, demos, and tutorials from all over the web.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.reallygoodux.io/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.reallygoodux.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ReallyGoodUX.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Really Good UX</strong>
                                </a>
                                <p class="overflowClip_2">A library of screenshots and examples of really good UX.
                                    Brought to you by
                                    <appcues class=""></appcues>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 网页灵感 -->
            <!-- 图标素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.iconfinder.com&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.iconfinder.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Iconfinder.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Iconfinder</strong>
                                </a>
                                <p class="overflowClip_2">2,100,000+ free and premium vector icons.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.iconfont.cn/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/iconfont.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>iconfont</strong>
                                </a>
                                <p class="overflowClip_2">阿里巴巴矢量图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://iconmonstr.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://iconmonstr.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/iconmonstr.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>iconmonstr</strong>
                                </a>
                                <p class="overflowClip_2">Free simple icons for your next project</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.iconarchive.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.iconarchive.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/iconarchive.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Icon Archive</strong>
                                </a>
                                <p class="overflowClip_2">Search 590,912 free icons</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://findicons.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://findicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/FindIcons.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>FindIcons</strong>
                                </a>
                                <p class="overflowClip_2">Search through 300,000 free icons</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://icomoon.io/app/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://icomoon.io/app/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/IcoMoonApp.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>IcoMoonApp</strong>
                                </a>
                                <p class="overflowClip_2">Icon Font, SVG, PDF &amp; PNG Generator</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.easyicon.net/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.easyicon.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/easyicon.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>easyicon</strong>
                                </a>
                                <p class="overflowClip_2">PNG、ICO、ICNS格式图标搜索、图标下载服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.flaticon.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.flaticon.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/flaticon.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>flaticon</strong>
                                </a>
                                <p class="overflowClip_2">634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as
                                    ICON FONT.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://ui-cloud.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ui-cloud.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/UICloud.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UICloud</strong>
                                </a>
                                <p class="overflowClip_2">The largest user interface design database in the world.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://material.io/icons/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://material.io/icons/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Materialicons.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Material icons</strong>
                                </a>
                                <p class="overflowClip_2">Access over 900 material system icons, available in a variety
                                    of sizes and densities, and as a web font.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;fontawesomeicon&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="fontawesomeicon">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/fontawesomeicon.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Font Awesome Icon</strong>
                                </a>
                                <p class="overflowClip_2">The complete set of 675 icons in Font Awesome</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://ionicons.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ionicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ionicons.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>ion icons</strong>
                                </a>
                                <p class="overflowClip_2">The premium icon font for Ionic Framework.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://simplelineicons.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://simplelineicons.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/simplelineicons.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Simpleline Icons</strong>
                                </a>
                                <p class="overflowClip_2">Simple line Icons pack</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 图标素材 -->
            <!-- LOGO设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="LOGO设计"></i>LOGO设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.iconsfeed.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.iconsfeed.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/iconsfeed.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Iconsfeed</strong>
                                </a>
                                <p class="overflowClip_2">iOS icons gallery</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://iosicongallery.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://iosicongallery.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/iosicongallery.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>iOS Icon Gallery</strong>
                                </a>
                                <p class="overflowClip_2">Showcasing beautiful icon designs from the iOS App Store</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://worldvectorlogo.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://worldvectorlogo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/worldvectorlogo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>World Vector Logo</strong>
                                </a>
                                <p class="overflowClip_2">Brand logos free to download</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://instantlogosearch.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://instantlogosearch.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/InstantLogoSearch.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Instant Logo Search</strong>
                                </a>
                                <p class="overflowClip_2">Search &amp; download thousands of logos instantly</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END LOGO设计 -->
            <!-- 平面素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="平面素材"></i>平面素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.gulusucai.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.gulusucai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gulusucai.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>咕噜素材</strong>
                                </a>
                                <p class="overflowClip_2">质量很高的设计素材网站（良心推荐）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://wallhalla.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://wallhalla.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/wallhalla.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>wallhalla</strong>
                                </a>
                                <p class="overflowClip_2">Find awesome high quality wallpapers for desktop and mobile in
                                    one place.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://365psd.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://365psd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/365PSD.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>365PSD</strong>
                                </a>
                                <p class="overflowClip_2">Free PSD &amp; Graphics, Illustrations</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://medialoot.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://medialoot.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Medialoot.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Medialoot</strong>
                                </a>
                                <p class="overflowClip_2">Free &amp; Premium Design Resources — Medialoot</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.58pic.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/qiantu.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>千图网</strong>
                                </a>
                                <p class="overflowClip_2">专注免费设计素材下载的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://588ku.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://588ku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/qianku.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>千库网</strong>
                                </a>
                                <p class="overflowClip_2">免费png图片背景素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.ooopic.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/wotu.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>我图网</strong>
                                </a>
                                <p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://90sheji.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://90sheji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/90sheji.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>90设计</strong>
                                </a>
                                <p class="overflowClip_2">电商设计（淘宝美工）千图免费淘宝素材库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.nipic.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.nipic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/nipic.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>昵图网</strong>
                                </a>
                                <p class="overflowClip_2">原创素材共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.lanrentuku.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.lanrentuku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/lanrentuku.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>懒人图库</strong>
                                </a>
                                <p class="overflowClip_2">懒人图库专注于提供网页素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://so.ui001.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://so.ui001.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sousucai.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>素材搜索</strong>
                                </a>
                                <p class="overflowClip_2">设计素材搜索聚合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://psefan.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://psefan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/psefan.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>PS饭团网</strong>
                                </a>
                                <p class="overflowClip_2">不一样的设计素材库！让自己的设计与众不同！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.sccnn.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.sccnn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sccnn.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>素材中国</strong>
                                </a>
                                <p class="overflowClip_2">免费素材共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.freepik.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.freepik.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/freepik.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>freepik</strong>
                                </a>
                                <p class="overflowClip_2">More than a million free vectors, PSD, photos and free icons.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 素材图库 -->
            <!-- UI资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UI资源"></i>UI资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.gulusucai.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.gulusucai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gulusucai.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>咕噜素材</strong>
                                </a>
                                <p class="overflowClip_2">质量很高的设计素材网站（良心推荐）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://freebiesbug.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://freebiesbug.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/freebiesbug.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Freebiesbug</strong>
                                </a>
                                <p class="overflowClip_2">Hand-picked resources for web designer and developers,
                                    constantly updated.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://freebiesupply.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://freebiesupply.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/freebiesupply.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Freebie Supply</strong>
                                </a>
                                <p class="overflowClip_2">Free Resources For Designers</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.yrucd.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.yrucd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/yrucd.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>云瑞</strong>
                                </a>
                                <p class="overflowClip_2">优秀设计资源的分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://xituqu.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://xituqu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/xituqu.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>稀土区</strong>
                                </a>
                                <p class="overflowClip_2">优质设计开发资源分享</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://ui8.net/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://ui8.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ui8.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>ui8</strong>
                                </a>
                                <p class="overflowClip_2">UI Kits, Wireframe Kits, Templates, Icons and More</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.uplabs.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.uplabs.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uplabs.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>uplabs</strong>
                                </a>
                                <p class="overflowClip_2">Daily resources for product designers &amp; developers</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.uikit.me/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uikit.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uikitme.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UIkit.me</strong>
                                </a>
                                <p class="overflowClip_2">最便捷新鲜的uikit资源下载网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.fribbble.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.fribbble.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Fribbble.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Fribbble</strong>
                                </a>
                                <p class="overflowClip_2">Free PSD files and other free design resources by Dribbblers.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://principlerepo.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://principlerepo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/PrincipleRepo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>PrincipleRepo</strong>
                                </a>
                                <p class="overflowClip_2">Free, High Quality Principle Resources</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://designmodo.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://designmodo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Designmodo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Designmodo</strong>
                                </a>
                                <p class="overflowClip_2">Web Design Blog and Shop</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END UI资源 -->
            <!-- Sketch资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Sketch资源"></i>Sketch资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://sketchapp.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Sketch.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch</strong>
                                </a>
                                <p class="overflowClip_2">The digital design toolkit</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://utom.design/measure/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://utom.design/measure/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/SketchMeasure.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch Measure</strong>
                                </a>
                                <p class="overflowClip_2">Friendly user interface offers you a more intuitive way of
                                    making marks.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.sketchappsources.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.sketchappsources.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sketchappsources.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch App Sources</strong>
                                </a>
                                <p class="overflowClip_2">Free design resources and plugins - Icons, UI Kits,
                                    Wireframes, iOS, Android Templates for Sketch</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.sketch.im/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.sketch.im/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sketchIm.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch.im</strong>
                                </a>
                                <p class="overflowClip_2">Sketch 相关资源汇聚</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://sketchhunt.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://sketchhunt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sketchhunt.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch Hunt</strong>
                                </a>
                                <p class="overflowClip_2">Sketch Hunt is an independent blog sharing gems in learning,
                                    plugins &amp; design tools for fans of Sketch app.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.sketchcn.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.sketchcn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sketchcn.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch中文网</strong>
                                </a>
                                <p class="overflowClip_2">分享最新的Sketch中文手册</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://awesome-sket.ch/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://awesome-sket.ch/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/AwesomeSketchPlugins.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Awesome Sketch Plugins</strong>
                                </a>
                                <p class="overflowClip_2">A collection of really useful Sketch plugins.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.sketchcasts.net/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.sketchcasts.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sketchcasts.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketchcasts</strong>
                                </a>
                                <p class="overflowClip_2">Learn Sketch Train your design skills with a weekly video
                                    tutorial</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END Sketch资源 -->
            <!-- 字体资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.ziticangku.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.ziticangku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ziticangku.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>字体仓库</strong>
                                </a>
                                <p class="overflowClip_2">最全的免费商用字体库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://fonts.google.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://fonts.google.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/googlefont.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Google Font</strong>
                                </a>
                                <p class="overflowClip_2">Making the web more beautiful, fast, and open through great
                                    typography</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://typekit.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://typekit.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/typekit.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Typekit</strong>
                                </a>
                                <p class="overflowClip_2">Quality fonts from the world’s best foundries.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.foundertype.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.foundertype.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Fondertype.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>方正字库</strong>
                                </a>
                                <p class="overflowClip_2">方正字库官方网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://ziticq.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ziticq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ziticq.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>字体传奇网</strong>
                                </a>
                                <p class="overflowClip_2">中国首个字体品牌设计师交流网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.fontsquirrel.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.fontsquirrel.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/fontsquirrel.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Fontsquirrel</strong>
                                </a>
                                <p class="overflowClip_2">FREE fonts for graphic designers</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.urbanfonts.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.urbanfonts.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/UrbanFonts.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Urban Fonts</strong>
                                </a>
                                <p class="overflowClip_2">Download Free Fonts and Free Dingbats.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.losttype.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.losttype.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/losttype.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Lost Type</strong>
                                </a>
                                <p class="overflowClip_2">Lost Type is a Collaborative Digital Type Foundry</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://fonts2u.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://fonts2u.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/fonts2u.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>FONTS2U</strong>
                                </a>
                                <p class="overflowClip_2">Download free fonts for Windows and Macintosh.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.fontex.org/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.fontex.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/fontex.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Fontex</strong>
                                </a>
                                <p class="overflowClip_2">Free Fonts to Download + Premium Typefaces</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://fontm.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://fontm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/FontM.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>FontM</strong>
                                </a>
                                <p class="overflowClip_2">Free Fonts</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.myfonts.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.myfonts.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/MyFonts.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>My Fonts</strong>
                                </a>
                                <p class="overflowClip_2">Fonts for Print, Products &amp; Screens</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.dafont.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.dafont.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/dafont.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Da Font</strong>
                                </a>
                                <p class="overflowClip_2">Archive of freely downloadable fonts.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.onlinewebfonts.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.onlinewebfonts.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/OnlineWebFonts.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>OnlineWebFonts</strong>
                                </a>
                                <p class="overflowClip_2">WEB Free Fonts for Windows and Mac / Font free Download</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.abstractfonts.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.abstractfonts.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/abstractfonts.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Abstract Fonts</strong>
                                </a>
                                <p class="overflowClip_2">Abstract Fonts (13,866 free fonts)</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 字体资源 -->
            <!-- Mockup -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Mockup"></i>Mockup</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://mockup.zone/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://mockup.zone/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/MockupZone.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>MockupZone</strong>
                                </a>
                                <p class="overflowClip_2">Mockup Zone is an online store where you can find free and
                                    premium PSD mockup files to show your designs in a professional way.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://dunnnk.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://dunnnk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Dunnnk.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Dunnnk</strong>
                                </a>
                                <p class="overflowClip_2"> Generate Product Mockups For Free</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.graphberry.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.graphberry.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/graphberry.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Graphberry</strong>
                                </a>
                                <p class="overflowClip_2">Free design resources, Mockups, PSD web templates, Icons</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://threed.io/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://threed.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/threed.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Threed</strong>
                                </a>
                                <p class="overflowClip_2">Generate 3D Mockups right in your Browser</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://free.lstore.graphics/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://free.lstore.graphics/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/mockupworld.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Mockup World</strong>
                                </a>
                                <p class="overflowClip_2">The best free Mockups from the Web</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://free.lstore.graphics/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://free.lstore.graphics/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/lstore.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Lstore</strong>
                                </a>
                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.pixeden.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.pixeden.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pixeden.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>pixeden</strong>
                                </a>
                                <p class="overflowClip_2">free web resources and graphic design templates.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://forgraphictm.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://forgraphictm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/forgraphictm.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>For Graphic TM</strong>
                                </a>
                                <p class="overflowClip_2">High Quality PSD Mockups for Graphic Designers.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END Mockup -->
            <!-- 摄影图库 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="摄影图库"></i>摄影图库</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://unsplash.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://unsplash.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/unsplash.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Unsplash</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful, free photos.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://visualhunt.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://visualhunt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/visualhunt.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>visualhunt</strong>
                                </a>
                                <p class="overflowClip_2">100% Free High Quality Photos</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://librestock.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://librestock.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/librestock.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>librestock</strong>
                                </a>
                                <p class="overflowClip_2">65,084 high quality do-what-ever-you-want stock photos</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://pixabay.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://pixabay.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pixabay.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>pixabay</strong>
                                </a>
                                <p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.splitshire.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.splitshire.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/SplitShire.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>SplitShire</strong>
                                </a>
                                <p class="overflowClip_2">Free Stock Photos and Videos for commercial use.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://stocksnap.io/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://stocksnap.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/StockSnap.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>StockSnap</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful free stock photos</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://albumarium.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://albumarium.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/albumarium.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>albumarium</strong>
                                </a>
                                <p class="overflowClip_2">The best place to find &amp; share beautiful images</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://myphotopack.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://myphotopack.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/myphotopack.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>myphotopack</strong>
                                </a>
                                <p class="overflowClip_2">A free photo pack just for you. Every month.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://notaselfie.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://notaselfie.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/notaselfie.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Notaselfie</strong>
                                </a>
                                <p class="overflowClip_2">Photos that happen along the way. You can use the images
                                    anyway you like. Have fun!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://papers.co/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://papers.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/papers.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>papers</strong>
                                </a>
                                <p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://stokpic.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://stokpic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/stokpic.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>stokpic</strong>
                                </a>
                                <p class="overflowClip_2">Free Stock Photos For Commercial Use</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://55mm.co/visuals&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://55mm.co/visuals">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/55mm.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>55mm</strong>
                                </a>
                                <p class="overflowClip_2">Use our FREE photos to tell your story! </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://thestocks.im/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://thestocks.im/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/thestocks.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>thestocks</strong>
                                </a>
                                <p class="overflowClip_2">Use our FREE photos to tell your story! </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://freenaturestock.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://freenaturestock.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/freenaturestock.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>freenaturestock</strong>
                                </a>
                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://negativespace.co/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://negativespace.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/negativespace.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>negativespace</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://gratisography.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://gratisography.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gratisography.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>gratisography</strong>
                                </a>
                                <p class="overflowClip_2">Free high-resolution pictures you can use on your personal and
                                    commercial projects, free of copyright restrictions. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://imcreator.com/free&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://imcreator.com/free">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/imcreator.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>imcreator</strong>
                                </a>
                                <p class="overflowClip_2">A curated collection of free web design resources, all for
                                    commercial use.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.lifeofpix.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.lifeofpix.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/lifeofpix.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>lifeofpix</strong>
                                </a>
                                <p class="overflowClip_2">Free high resolution photography</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://skitterphoto.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://skitterphoto.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/skitterphoto.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>skitterphoto</strong>
                                </a>
                                <p class="overflowClip_2">Free Stock Photos for Creative Professionals</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://mmtstock.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://mmtstock.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/mmtstock.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>mmtstock</strong>
                                </a>
                                <p class="overflowClip_2">Free photos for commercial use</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://skitterphoto.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://skitterphoto.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/skitterphoto.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>skitterphoto</strong>
                                </a>
                                <p class="overflowClip_2">a place to find, show and share public domain photos</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://magdeleine.co/browse/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://magdeleine.co/browse/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/magdeleine.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>magdeleine</strong>
                                </a>
                                <p class="overflowClip_2">HAND-PICKED FREE PHOTOS FOR YOUR INSPIRATION</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://jeshoots.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://jeshoots.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/jeshoots.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>jeshoots</strong>
                                </a>
                                <p class="overflowClip_2">New Free Photos &amp; Mockups in to your Inbox!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.hdwallpapers.net&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.hdwallpapers.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/hdwallpapers.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>hdwallpapers</strong>
                                </a>
                                <p class="overflowClip_2">High Definition Wallpapers &amp; Desktop Backgrounds</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://publicdomainarchive.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://publicdomainarchive.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/publicdomainarchive.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>publicdomainarchive</strong>
                                </a>
                                <p class="overflowClip_2">New 100% Free Stock Photos. Every. Single. Week.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 摄影图库 -->
            <!-- PPT资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.officeplus.cn/Template/Home.shtml&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.officeplus.cn/Template/Home.shtml">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/officeplus.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>OfficePLUS</strong>
                                </a>
                                <p class="overflowClip_2">OfficePLUS，微软Office官方在线模板网站！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.ypppt.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ypppt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ypppt.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>优品PPT</strong>
                                </a>
                                <p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.pptplus.cn/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.pptplus.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pptplus.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>PPT+</strong>
                                </a>
                                <p class="overflowClip_2">PPT加直播、录制和分享—PPT+语音内容分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.pptmind.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.pptmind.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/pptmind.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>PPTMind</strong>
                                </a>
                                <p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.tretars.com/ppt-templates&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.tretars.com/ppt-templates">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/tretars.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>tretars</strong>
                                </a>
                                <p class="overflowClip_2">The best free Mockups from the Web</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://ppt.500d.me/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ppt.500d.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/500d.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>5百丁</strong>
                                </a>
                                <p class="overflowClip_2">中国领先的PPT模板共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END PPT资源 -->
            <!-- 图形创意 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图形创意"></i>图形创意</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.adobe.com/cn/products/photoshop.html&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.adobe.com/cn/products/photoshop.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/photoshop.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>photoshop</strong>
                                </a>
                                <p class="overflowClip_2">Photoshop不需要解释</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://affinity.serif.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://affinity.serif.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/AffinityDesigner.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Affinity Designer</strong>
                                </a>
                                <p class="overflowClip_2">专业创意软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.adobe.com/cn/products/illustrator/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.adobe.com/cn/products/illustrator/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Illustrator.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Illustrator</strong>
                                </a>
                                <p class="overflowClip_2">矢量图形和插图。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.adobe.com/cn/products/indesign.html&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.adobe.com/cn/products/indesign.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/INDESIGN .png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>indesign</strong>
                                </a>
                                <p class="overflowClip_2">页面设计、布局和出版。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.maxon.net/en/products/cinema-4d/overview/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.maxon.net/en/products/cinema-4d/overview/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/cinema4d.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>cinema-4d</strong>
                                </a>
                                <p class="overflowClip_2">Cinema 4D is the perfect package for all 3D artists who want
                                    to achieve breathtaking results fast and hassle-free.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.autodesk.com/products/3ds-max/overview&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.autodesk.com/products/3ds-max/overview">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/3dsmax.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>3ds-max</strong>
                                </a>
                                <p class="overflowClip_2">3D modeling, animation, and rendering software</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.blender.org/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.blender.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/blender.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Blender</strong>
                                </a>
                                <p class="overflowClip_2">Blender is the free and open source 3D creation suite.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 图形创意 -->
            <!-- 界面设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面设计"></i>界面设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://sketchapp.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sketchapp.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Sketch</strong>
                                </a>
                                <p class="overflowClip_2">The digital design toolkit</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.adobe.com/products/xd.html&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.adobe.com/products/xd.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ADOBEXDCC.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Adobe XD</strong>
                                </a>
                                <p class="overflowClip_2">Introducing Adobe XD. Design. Prototype. Experience.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.invisionapp.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.invisionapp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/invisionapp.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>invisionapp</strong>
                                </a>
                                <p class="overflowClip_2">Powerful design prototyping tools</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://marvelapp.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://marvelapp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/marvelapp.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>marvelapp</strong>
                                </a>
                                <p class="overflowClip_2">Simple design, prototyping and collaboration</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://creative.adobe.com/zh-cn/products/download/muse&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://creative.adobe.com/zh-cn/products/download/muse">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/MuseCC.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Muse CC</strong>
                                </a>
                                <p class="overflowClip_2">无需利用编码即可进行网站设计。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.figma.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.figma.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/figma.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>figma</strong>
                                </a>
                                <p class="overflowClip_2">Design, prototype, and gather feedback all in one place with
                                    Figma.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 界面设计 -->
            <!-- 交互动效 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="交互动效"></i>交互动效</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.adobe.com/cn/products/aftereffects/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.adobe.com/cn/products/aftereffects/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/AdobeAfterEffectsCC.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Adobe After Effects CC</strong>
                                </a>
                                <p class="overflowClip_2">电影般的视觉效果和动态图形。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://principleformac.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://principleformac.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/principle.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>principle</strong>
                                </a>
                                <p class="overflowClip_2">Animate Your Ideas, Design Better Apps</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.flinto.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.flinto.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/flinto.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>flinto</strong>
                                </a>
                                <p class="overflowClip_2">Flinto is a Mac app used by top designers around the world to
                                    create interactive and animated prototypes of their app designs.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://framer.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://framer.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/framer.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>framer</strong>
                                </a>
                                <p class="overflowClip_2">Design everything from detailed icons to high-fidelity
                                    interactions—all in one place.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.protopie.cn/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.protopie.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/protopie.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>ProtoPie</strong>
                                </a>
                                <p class="overflowClip_2">高保真交互原型设计</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 交互动效 -->
            <!-- 在线配色 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线配色"></i>在线配色</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://khroma.co/generator/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://khroma.co/generator/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/khroma.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>khroma</strong>
                                </a>
                                <p class="overflowClip_2">Khroma is the fastest way to discover, search, and save color
                                    combos you'll want to use.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://uigradients.com&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://uigradients.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uigradients.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>uigradients</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful colored gradients</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://gradients.io/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://gradients.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gradients.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>gradients</strong>
                                </a>
                                <p class="overflowClip_2">Curated gradients for designers and developers</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://webkul.github.io/coolhue/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://webkul.github.io/coolhue/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Coolest.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Coolest</strong>
                                </a>
                                <p class="overflowClip_2">Coolest handpicked Gradient Hues for your next super ⚡ amazing
                                    stuff</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://webgradients.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://webgradients.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/webgradients.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>webgradients</strong>
                                </a>
                                <p class="overflowClip_2">WebGradients is a free collection of 180 linear gradients that
                                    you can use as content backdrops in any part of your website. </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.grabient.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.grabient.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/grabient.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>grabient</strong>
                                </a>
                                <p class="overflowClip_2">2017 Grabient by unfold</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.thedayscolor.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.thedayscolor.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/thedayscolor.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>thedayscolor</strong>
                                </a>
                                <p class="overflowClip_2">The daily color digest</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://flatuicolors.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://flatuicolors.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/flatuicolors.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>flatuicolors</strong>
                                </a>
                                <p class="overflowClip_2">Copy Paste Color Pallette from Flat UI Theme</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://coolors.co/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://coolors.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/coolors.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>coolors</strong>
                                </a>
                                <p class="overflowClip_2">The super fast color schemes generator!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.colorhunt.co/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.colorhunt.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/colorhunt.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>colorhunt</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful Color Palettes</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://color.adobe.com/zh/create/color-wheel&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://color.adobe.com/zh/create/color-wheel">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/AdobeColorCC.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Adobe Color CC</strong>
                                </a>
                                <p class="overflowClip_2">Create color schemes with the color wheel or browse thousands
                                    of color combinations from the Color community.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.flatuicolorpicker.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.flatuicolorpicker.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/flatuicolorpicker.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>flatuicolorpicker</strong>
                                </a>
                                <p class="overflowClip_2">Best Flat Colors For UI Design</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://qrohlf.com/trianglify-generator/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://qrohlf.com/trianglify-generator/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/trianglify.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>trianglify</strong>
                                </a>
                                <p class="overflowClip_2">Trianglify Generator</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://klart.co/colors/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://klart.co/colors/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/klart.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>klart</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful colors and designs to your inbox every week</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.vanschneider.com/colors&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.vanschneider.com/colors">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/vanschneider.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>vanschneider</strong>
                                </a>
                                <p class="overflowClip_2">Color Claim was created in 2012 by Tobias van Schneider with
                                    the goal to collect &amp; combine unique colors for my future projects.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 在线配色 -->
            <!-- 在线工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线工具"></i>在线工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://tinypng.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://tinypng.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/tinypng.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>tinypng</strong>
                                </a>
                                <p class="overflowClip_2">Optimize your images with a perfect balance in quality and
                                    file size.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://goqr.me/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://goqr.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/goqr.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>goqr</strong>
                                </a>
                                <p class="overflowClip_2">create QR codes for free (Logo, T-Shirt, vCard, EPS)</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://ezgif.com&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://ezgif.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/ezgif.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>ezgif</strong>
                                </a>
                                <p class="overflowClip_2">simple online GIF maker and toolset for basic animated GIF
                                    editing.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://inloop.github.io/shadow4android/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://inloop.github.io/shadow4android/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Android9patch.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Android 9 patch</strong>
                                </a>
                                <p class="overflowClip_2">Android 9-patch shadow generator fully customizable shadows
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://screensiz.es/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://screensiz.es/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/screensizes.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>screen sizes</strong>
                                </a>
                                <p class="overflowClip_2">Viewport Sizes and Pixel Densities for Popular Devices</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://jakearchibald.github.io/svgomg/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://jakearchibald.github.io/svgomg/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/svgomg.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>svgomg</strong>
                                </a>
                                <p class="overflowClip_2">SVG在线压缩平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.gaoding.com&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.gaoding.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gaoding.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>稿定抠图</strong>
                                </a>
                                <p class="overflowClip_2">免费在线抠图软件,图片快速换背景-抠白底图</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 在线工具 -->
            <!-- Chrome插件 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Chrome插件"></i>Chrome插件</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.wappalyzer.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.wappalyzer.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/wappalyzer.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>wappalyzer</strong>
                                </a>
                                <p class="overflowClip_2">Identify technology on websites</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://usepanda.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://usepanda.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/usepanda.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Panda</strong>
                                </a>
                                <p class="overflowClip_2">A smart news reader built for productivity.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://sizzy.co/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://sizzy.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/sizzy.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>sizzy</strong>
                                </a>
                                <p class="overflowClip_2">A tool for developing responsive websites crazy-fast</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://csspeeper.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://csspeeper.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/csspeeper.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>csspeeper</strong>
                                </a>
                                <p class="overflowClip_2">Smart CSS viewer tailored for Designers.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://insight.io/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://insight.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/insight.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>insight</strong>
                                </a>
                                <p class="overflowClip_2">IDE-like code search and navigation, on the cloud</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://mustsee.earth/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://mustsee.earth/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/mustsee.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>mustsee</strong>
                                </a>
                                <p class="overflowClip_2">Discover the world's most beautiful places at every opened
                                    tab.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END Chrome插件 -->
            <!-- 设计规范 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="设计规范"></i>设计规范</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://designguidelines.co/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://designguidelines.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/designguidelines.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Design Guidelines</strong>
                                </a>
                                <p class="overflowClip_2">Design Guidelines — The way products are built.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://github.com/alexpate/awesome-design-systems&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://github.com/alexpate/awesome-design-systems">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/awesome_design_systems.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Awesome design systems</strong>
                                </a>
                                <p class="overflowClip_2"> A collection of awesome design systems</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://material.io/guidelines/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://material.io/guidelines/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/Material_Design.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Material Design</strong>
                                </a>
                                <p class="overflowClip_2">Introduction - Material Design</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://developer.apple.com/ios/human-interface-guidelines&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://developer.apple.com/ios/human-interface-guidelines">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/human_interface_guidelines.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Human Interface Guidelines</strong>
                                </a>
                                <p class="overflowClip_2">Human Interface Guidelines iOS</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://viggoz.com/photoshopetiquette/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://viggoz.com/photoshopetiquette/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/photoshopetiquette.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Photoshop Etiquette</strong>
                                </a>
                                <p class="overflowClip_2">PS礼仪-WEB设计指南</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 设计规范 -->
            <!-- 视频教程 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频教程"></i>视频教程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.photoshoplady.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.photoshoplady.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/PhotoshopLady.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Photoshop Lady</strong>
                                </a>
                                <p class="overflowClip_2">Your Favourite Photoshop Tutorials in One Place</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://doyoudo.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://doyoudo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/doyoudo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>doyoudo</strong>
                                </a>
                                <p class="overflowClip_2">创意设计软件学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.c945.com/web-ui-tutorial/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.c945.com/web-ui-tutorial/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/web_ui_tutorial.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>没位道</strong>
                                </a>
                                <p class="overflowClip_2">WEB UI免费视频公开课</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.imooc.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.imooc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/imooc.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>慕课网</strong>
                                </a>
                                <p class="overflowClip_2">程序员的梦工厂（有UI课程）</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 视频教程 -->
            <!-- 设计文章 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="设计文章"></i>设计文章</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://www.uisdc.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uisdc.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>优设网</strong>
                                </a>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://webdesignledger.com&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://webdesignledger.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/webdesignledger.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Web Design Ledger</strong>
                                </a>
                                <p class="overflowClip_2">Web Design Blog</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://medium.com/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://medium.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/medium.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Medium</strong>
                                </a>
                                <p class="overflowClip_2">Read, write and share stories that matter</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 设计文章 -->
            <!-- 设计电台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="设计电台"></i>设计电台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://uxcoffee.co/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://uxcoffee.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uxcoffee.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UX Coffee</strong>
                                </a>
                                <p class="overflowClip_2">《UX Coffee
                                    设计咖》是一档关于用户体验的播客节目。我们邀请来自硅谷和国内的学者和职人来聊聊「产品设计」、「用户体验」和「个人成长」。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://anyway.fm/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://anyway.fm/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/anyway.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Anyway.FM</strong>
                                </a>
                                <p class="overflowClip_2">设计杂谈 • UI 设计师 JJ 和 Leon 主播的设计播客</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.yineng.fm&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.yineng.fm">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/yineng.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>异能电台</strong>
                                </a>
                                <p class="overflowClip_2">将全宇宙设计师的故事讲给你听。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 设计电台 -->
            <!-- 交互设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="交互设计"></i>交互设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://littlebigdetails.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://littlebigdetails.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/littlebigdetails.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Little Big Details</strong>
                                </a>
                                <p class="overflowClip_2">Little Big Details is a curated collection of the finer
                                    details of design, updated every day. </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.smashingmagazine.com/category/user-experience&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.smashingmagazine.com/category/user-experience">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/smashingmagazine.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Smashing Magazine</strong>
                                </a>
                                <p class="overflowClip_2">Below you’ll find the best tips to take not only your UX
                                    design process but also the experiences you craft to the next level.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.nngroup.com/articles/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.nngroup.com/articles/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/nngroup.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>nngroup</strong>
                                </a>
                                <p class="overflowClip_2">Evidence-Based User Experience Research, Training, and
                                    Consulting</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://boxesandarrows.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://boxesandarrows.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/boxesandarrows.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>Boxes and Arrows</strong>
                                </a>
                                <p class="overflowClip_2">Boxes and Arrows is devoted to the practice, innovation, and
                                    discussion of design; including graphic design, interaction design, information
                                    architecture and the design of business. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://uxdesignweekly.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://uxdesignweekly.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uxdesignweekly.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UX Design Weekly</strong>
                                </a>
                                <p class="overflowClip_2"> get a hand picked list of the best user experience design
                                    links every week. </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;http://uxren.cn/&#39;, &#39;_blank&#39;)" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://uxren.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/uxren.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>UX Ren</strong>
                                </a>
                                <p class="overflowClip_2">用户体验人的专业社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(&#39;https://www.gulusucai.com/&#39;, &#39;_blank&#39;)"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.gulusucai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io/box/assets/images/logos/gulusucai.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#"
                                    class="xe-user-name overflowClip_1">
                                    <strong>咕噜素材</strong>
                                </a>
                                <p class="overflowClip_2">质量很高的设计素材网站（良心推荐）</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!--END 交互设计 -->

            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1" style="">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text">
                        Copyright&nbsp;© 2020
                        <a href="https://github.com/owen0o0/WebStack"><strong>WebStack</strong></a> design by <a
                            href="http://viggoz.com/" target="_blank"><strong>Viggo</strong> | used by
                            <strong>GAATTC</strong></a> |
                        <a href="https://gaattc.gitee.io/"><strong>博客主页</strong></a> |
                        <a href="https://gaattc.gitee.io/contact/"><strong>评论留言</strong></a> |
                        <a href="https://gaattc.gitee.io/about"><strong>关于博主</strong></a>
                        <!--  - Purchase for only <strong>23$</strong> -->
                    </div>
                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                    <div class="go-up">
                        <a href="#" rel="go-top" title="回到顶部">
                            <i class="fa-angle-up"></i>
                        </a>
                    </div>
                </div>
            </footer>

        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
        $(document).ready(function () {
            //img lazy loaded
            const observer = lozad();
            observer.observe();

            $(document).on('click', '.has-sub', function () {
                var _this = $(this)
                if (!$(this).hasClass('expanded')) {
                    setTimeout(function () {
                        _this.find('ul').attr("style", "")
                    }, 300);

                } else {
                    $('.has-sub ul').each(function (id, ele) {
                        var _that = $(this)
                        if (_this.find('ul')[0] != ele) {
                            setTimeout(function () {
                                _that.attr("style", "")
                            }, 300);
                        }
                    })
                }
            })
            $('.user-info-menu .hidden-sm').click(function () {
                if ($('.sidebar-menu').hasClass('collapsed')) {
                    $('.has-sub.expanded > ul').attr("style", "")
                } else {
                    $('.has-sub.expanded > ul').show()
                }
            })
            $("#main-menu li ul li").click(function () {
                $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
                $(this).addClass('active'); // 添加当前元素的样式
            });
            $("a.smooth").click(function (ev) {
                ev.preventDefault();

                public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
                ps_destroy();
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 30
                }, {
                    duration: 500,
                    easing: "swing"
                });
            });
            return false;
        });

        var href = "";
        var pos = 0;
        $("a.smooth").click(function (e) {
            $("#main-menu li").each(function () {
                $(this).removeClass("active");
            });
            $(this).parent("li").addClass("active");
            e.preventDefault();
            href = $(this).attr("href");
            pos = $(href).position().top - 30;
        });
    </script>
    <!-- Bottom Scripts -->
    <script src="./navi_medias/bootstrap.min.js.下载"></script>
    <script src="./navi_medias/TweenMax.min.js.下载"></script>
    <script src="./navi_medias/resizeable.js.下载"></script>
    <script src="./navi_medias/joinable.js.下载"></script>
    <script src="./navi_medias/xenon-api.js.下载"></script>
    <script src="./navi_medias/xenon-toggles.js.下载"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="./navi_medias/xenon-custom.js.下载"></script>
    <script src="./navi_medias/lozad.js.下载"></script>

    <style rel="stylesheet">
        footer.main-footer .go-up {
            width: 45px;
            float: right;
            position: fixed;
            right: -10px;
            bottom: 30px;
            z-index: 10;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        footer.main-footer .go-up a {
            display: inline-block;
            width: 35px;
            height: 35px;
            text-align: center;
            border-radius: 50%;
            background: rgba(123, 123, 123, .5);
            color: #fff;
            font-size: 20px;
            line-height: 35px;
            padding: 0;
            background-color: #1bc3fb;
        }

        footer.main-footer .go-up a:hover {
            background-color: red;
        }
    </style>

    <iframe id="blockbyte-bs-sidebar" class="notranslate" aria-hidden="true" data-pos="left"
        src="./navi_medias/saved_resource.html"></iframe>
    <div id="blockbyte-bs-indicator" style="width: 2px; height: 50%; top: 4.8%;"></div>
</body>

</html>